:root{font-family:system-ui;color:#101828;background:#f2f4f7}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:18px}header,.row{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{margin:0}.card{background:#fff;padding:18px;border:1px solid #e4e7ec;border-radius:16px;margin:14px 0}.primary{width:100%;background:#155eef;color:#fff}button,input{font:inherit;padding:12px;border:1px solid #d0d5dd;border-radius:10px}input{width:100%}.caps{display:grid;gap:7px;margin:14px 0}.caps span,.values span{background:#f9fafb;padding:10px;border-radius:9px;display:flex;justify-content:space-between}.reading{font-size:2rem;font-weight:800;margin:20px 0 8px}.meter{height:18px;background:#eaecf0;border-radius:20px;position:relative;overflow:hidden}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2e90fa,#f79009,#f04438)}.meter em{position:absolute;top:0;bottom:0;width:3px;background:#101828}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.chips{display:flex;flex-wrap:wrap;gap:7px}.result{text-align:center}.success{background:#ecfdf3;border-color:#75e0a7}.pending{background:#fffaeb}pre{white-space:pre-wrap;background:#101828;color:#d1fadf;padding:12px;border-radius:10px;overflow:auto}label{display:block;margin-top:12px}input[type=range]{width:100%}@media(max-width:500px){.values{grid-template-columns:1fr}.stats{align-items:flex-start}}
button.feedback{background:#dcfae6!important;border-color:#75e0a7!important;color:#067647!important}.pending{animation:pulse .28s ease-out}@keyframes pulse{50%{transform:scale(1.015)}}
.celebration{position:fixed;inset:0;z-index:9999;display:none;overflow:hidden;pointer-events:none;background:rgba(255,255,255,.18)}.celebration.active{display:block}.celebration-emoji{position:absolute;top:-15vh;font-size:clamp(2.2rem,8vw,5rem);animation-name:celebration-fall;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}@keyframes celebration-fall{from{transform:translateY(-10vh) rotate(0)}to{transform:translateY(125vh) rotate(720deg)}}
.question-block,.question-editor{border-top:1px solid #e4e7ec;margin-top:16px;padding-top:16px}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.answer-grid button.selected{background:#155eef;border-color:#155eef;color:#fff}.question-status{min-height:1.5em}.answer-match{color:#067647;font-weight:700}.warning{background:#fffaeb;border-color:#fedf89}.question-editor input{width:100%;margin-top:4px}@media(max-width:500px){.answer-grid{grid-template-columns:1fr}}.question-navigation{margin-top:16px;justify-content:center}.question-navigation button:disabled{opacity:.45;cursor:not-allowed}.question-progress{color:#667085;font-size:.9rem;font-weight:600}#questionCountdown{text-align:center;color:#475467;font-size:.9rem}
.celebration.sad{background:rgba(52,64,84,.25)}.sad-emoji{position:absolute;top:-15vh;font-size:clamp(2rem,7vw,4.5rem);animation-name:sad-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;will-change:transform,opacity}@keyframes sad-fall{0%{transform:translateY(-10vh) rotate(-8deg);opacity:0}15%{opacity:1}100%{transform:translateY(120vh) rotate(8deg);opacity:.7}}
select{font:inherit;padding:10px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.question-table{width:100%;border-collapse:collapse;min-width:1200px}.question-table th,.question-table td{border-bottom:1px solid #e4e7ec;padding:8px;text-align:left;vertical-align:top}.question-table input{min-width:150px}#editor{overflow-x:auto}#landingVersion{color:#667085;font-size:.65em;font-weight:600}.question-id{font-weight:700;text-align:center!important;white-space:nowrap}#lobby{position:relative;padding-top:52px}.language-picker{position:absolute;top:12px;right:14px;z-index:20}.question-submit input{width:100%;box-sizing:border-box;margin-bottom:8px}.submission-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:640px){.submission-answers{grid-template-columns:1fr}}.moderation-table{width:100%;border-collapse:collapse}.moderation-table th,.moderation-table td{padding:8px;border-bottom:1px solid #e4e7ec;vertical-align:top}.answer-comparison{margin-top:8px;display:grid;gap:4px}.session-summary{margin-bottom:24px}.summary-score{font-size:1.15rem;font-weight:700}.session-table{width:100%;border-collapse:collapse;margin-top:12px}.session-table th,.session-table td{padding:9px;border-bottom:1px solid #e4e7ec;text-align:left;vertical-align:top}.shared-answer{text-align:center!important;font-weight:700;background:#ecfdf3}#questionCountHelp{display:block;margin-top:4px;color:#667085}
@font-face{font-family:'Twemoji Country Flags';src:url('/TwemojiCountryFlags.woff2') format('woff2');font-display:block;unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F}.create-room-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:8px;align-items:end;margin-top:12px}.compact-field{display:grid;gap:3px;margin:0;font-size:.72rem;color:#667085}.compact-field select{min-width:72px;height:40px;padding:6px 24px 6px 8px}@media(max-width:520px){.create-room-row{grid-template-columns:1fr auto auto}.compact-field select{min-width:64px}}.language-picker #siteLanguage{display:block!important;width:150px;padding:6px 28px 6px 8px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#344054;font-size:.82rem;font-family:'Twemoji Country Flags',system-ui,sans-serif}.language-picker #siteLanguage option{font-family:'Twemoji Country Flags',system-ui,sans-serif}.room-waiting{text-align:center;padding:12px}.room-waiting img{width:min(280px,80vw);height:auto;background:#fff;padding:8px;border-radius:12px}.join-url{overflow-wrap:anywhere;color:#475467;font-size:.85rem}
.admin-wide{max-width:1200px}.user-table-wrap{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;min-width:900px}.user-table th,.user-table td{padding:10px;border-bottom:1px solid #e4e7ec;text-align:left;vertical-align:middle}.user-table input{min-width:160px}.user-actions{display:flex;gap:6px;flex-wrap:wrap}.user-actions button{padding:8px 10px}.mfa-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:600}.mfa-status.enabled{background:#ecfdf3;color:#067647}.mfa-status.disabled{background:#f2f4f7;color:#475467}

.connection-account{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.connection-account a{font-size:.85rem}.admin-debug[hidden]{display:none!important}

@media (prefers-color-scheme: dark){:root {
  color-scheme: dark;
  color: #f2f4f7;
  background: #101828;
}
body { background: #101828; color: #f2f4f7; }
a { color: #84adff; }
.card { background: #1d2939; border-color: #344054; }
button, input, select { background: #101828; color: #f2f4f7; border-color: #475467; }
button:hover { border-color: #667085; }
.primary { background: #2970ff; color: #fff; border-color: #2970ff; }
.caps span, .values span { background: #182230; }
.meter { background: #344054; }
.meter em { background: #f2f4f7; }
pre { background: #0c111d; color: #a6f4c5; }
.success, .shared-answer { background: #053321; border-color: #087443; color: #d1fadf; }
.pending, .warning { background: #4e1d09; border-color: #93370d; color: #fef0c7; }
.question-block, .question-editor, .question-table th, .question-table td,
.moderation-table th, .moderation-table td, .session-table th, .session-table td,
.user-table th, .user-table td { border-color: #344054; }
.question-progress, #questionCountdown, #questionCountHelp, .compact-field, .join-url { color: #98a2b3; }
.language-picker #siteLanguage { background: #101828; color: #f2f4f7; border-color: #475467; }
.answer-grid button.selected { background: #2970ff; border-color: #2970ff; color: #fff; }
.room-waiting img { background: #fff; }
.mfa-status.enabled { background: #053321; color: #a6f4c5; }
.mfa-status.disabled { background: #344054; color: #d0d5dd; }
.celebration { background: rgba(16,24,40,.35); }
.celebration.sad { background: rgba(12,17,29,.55); }
}
.session-progress{margin:0 0 16px}.session-progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:.9rem;font-weight:700}.session-progress-track{height:12px;border-radius:999px;background:#eaecf0;overflow:hidden}.session-progress-fill{height:100%;background:#155eef;transition:width .25s ease}.session-terminal .session-progress-fill{background:#067647}@media (prefers-color-scheme:dark){.session-progress-track{background:#344054}.session-progress-fill{background:#528bff}.session-terminal .session-progress-fill{background:#32d583}}