body{color:#e0e0e0;background-color:#2c2c2c}#app{flex-direction:column;min-height:calc(100vh - 110px);display:flex}a{color:#9fd0ff}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.site-header>h1{grid-column:2;justify-self:center}#auth-panel{flex-direction:row;grid-column:3;justify-self:end;align-items:center;column-gap:10px;display:flex}#show-login-button{width:60px;height:40px}#login-overlay{background-color:gray;border:2px solid #000;flex-direction:column;align-self:center;align-items:stretch;row-gap:10px;width:360px;display:flex}[hidden]{display:none!important}#login-overlay-header h2{margin:0}#login-overlay-header{flex-direction:row;justify-content:space-between;display:flex}#login-form{flex-direction:column;align-items:stretch;display:flex}.login-form-element{grid-template-columns:110px 1fr;align-items:center;column-gap:10px;display:grid}input,select{background-color:#9e9e9e}#login-button{background-color:#0000}#close-login-button{background-color:#0000;border-radius:8px}#questions-panel{flex-direction:column;row-gap:18px;display:flex}#submission-countdown,#save-status,#ranking-panel h2{text-align:center}.ranking-rows{flex-direction:column;align-items:center;row-gap:6px;display:flex}.ranking-row{grid-template-columns:40px 180px;align-items:center;column-gap:8px;display:grid}.question-category h2{text-align:center;margin-bottom:8px}.question-category{width:100%}.question-grid{grid-template-columns:repeat(2,300px);justify-content:center;gap:10px 40px;display:grid}.question-row{flex-direction:column;align-items:center;row-gap:4px;display:flex}#privacy-notice{z-index:20;background-color:#3a3a3a;border:1px solid #747474;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;width:min(640px,100vw - 36px);padding:14px 16px;display:grid;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000059}#privacy-notice h2{margin:0 0 6px;font-size:18px}#privacy-notice p{margin:0 0 6px;line-height:1.35}#privacy-notice-dismiss{min-width:76px;height:38px}.site-footer{color:#c8c8c8;text-align:center;border-top:1px solid #555;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:28px;padding:16px 12px;font-size:14px;display:flex}.site-footer p{margin:0}@media (width<=700px){.question-grid{grid-template-columns:1fr}.site-header{grid-template-columns:1fr;row-gap:10px}.site-header>h1,#auth-panel{grid-column:1;justify-self:center}#privacy-notice{box-sizing:border-box;grid-template-columns:1fr;row-gap:12px;width:calc(100vw - 24px);top:18px;left:12px;transform:none}#privacy-notice-dismiss{justify-self:end}}