:root{color-scheme:dark;--bg: #0a0c13;--surface: #141826;--surface-2: #1b2034;--surface-3: #252c45;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .17);--text: #f3f5fb;--text-dim: #aab0c6;--text-mute: #767d99;--accent: #7c6cff;--accent-2: #a08fff;--accent-ink: #ffffff;--accent-soft: rgba(124, 108, 255, .16);--live: #ff4d6d;--correct: #1fdca6;--correct-ink: #03241b;--wrong: #ff5a78;--amber: #ffc24b;--gold: #ffd14a;--glow-1: rgba(124, 108, 255, .22);--glow-2: rgba(255, 77, 109, .12);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;--shadow: 0 10px 30px -14px rgba(0, 0, 0, .75);--shadow-lg: 0 28px 60px -24px rgba(0, 0, 0, .8);--ring: 0 0 0 3px var(--accent-soft);--font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: "Space Grotesk", "Outfit", ui-monospace, monospace}:root[data-theme=light]{color-scheme:light;--bg: #eceefb;--surface: #ffffff;--surface-2: #f4f5fc;--surface-3: #e8eaf7;--border: rgba(22, 24, 48, .1);--border-strong: rgba(22, 24, 48, .2);--text: #161830;--text-dim: #555b78;--text-mute: #888ea9;--accent-soft: rgba(124, 108, 255, .13);--glow-1: rgba(124, 108, 255, .16);--glow-2: rgba(255, 77, 109, .08);--shadow: 0 10px 30px -16px rgba(40, 44, 90, .3);--shadow-lg: 0 28px 60px -28px rgba(40, 44, 90, .34)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(1100px 620px at 50% -8%,var(--glow-1),transparent 60%),radial-gradient(900px 520px at 100% 0%,var(--glow-2),transparent 55%),var(--bg);background-attachment:fixed;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,h4{margin:0 0 .6em;font-weight:700;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem)}h3{font-size:1.25rem}p{margin:0 0 1rem}a{color:var(--accent-2);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text)}app-quiz-list,app-builder,app-join,app-profile,app-lobby,app-game,app-results{display:block;width:100%;max-width:1000px;margin:0 auto;padding:clamp(1.25rem,4vw,2.75rem) clamp(1rem,3vw,1.5rem) 4rem}label{display:block;margin-bottom:.4rem;font-size:.85rem;font-weight:600;letter-spacing:.01em;color:var(--text-dim)}input,textarea,select{width:100%;padding:.7rem .9rem;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--text-mute)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}textarea{min-height:5.5rem;resize:vertical}app-text-field>div,app-text-area>div{margin-bottom:1rem}.err{display:block;margin-top:.4rem;color:var(--wrong);font-size:.82rem;font-weight:500}app-option-row app-text-field label{display:none}app-option-row app-text-field>div{margin-bottom:0}input#code{font-family:var(--font-num);font-size:1.5rem;font-weight:700;letter-spacing:.35em;text-align:center;text-transform:uppercase;padding-block:.85rem}input#code::placeholder{letter-spacing:.1em}.theme-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-switch input{position:absolute;opacity:0;width:0;height:0}.theme-switch .track{position:relative;width:52px;height:28px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border);transition:background .2s ease}.theme-switch .thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:12px;line-height:1;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.theme-switch .thumb:after{content:"\263e";color:var(--accent-ink)}.theme-switch input:checked+.track .thumb{transform:translate(24px);background:var(--amber)}.theme-switch input:checked+.track .thumb:after{content:"\2600";color:#5a3c00}.theme-switch input:focus-visible+.track{box-shadow:var(--ring)}*{scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:padding-box}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse-ring{0%{box-shadow:0 0 #1fdca673}to{box-shadow:0 0 0 18px #1fdca600}}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}