:root{--bg: #14141f;--bg-elev: #1d1d2c;--bg-elev-2: #272739;--border: #34344a;--text: #f3f3fa;--text-dim: #c4c4d3;--accent: #f8b400;--accent-2: #43e0cf;--danger: #ff6b6b;--good: #6bcb77}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}a{color:var(--accent-2);text-decoration:none}button{font:inherit;cursor:pointer;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 16px;white-space:nowrap;transition:background .1s ease,transform .05s ease}button:hover{background:var(--border)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#1c1c1c;border-color:transparent;font-weight:600}button.primary:hover{background:#ffce4f}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.ghost{background:transparent;border-color:var(--border)}input,textarea,select{font:inherit;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-2);outline-offset:1px}.page{min-height:100%;padding:24px;max-width:1200px;margin:0 auto}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:20px}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:16px}.spacer{flex:1}.muted{color:var(--text-dim)}h1,h2,h3{margin:0 0 12px}.picker{display:flex;flex-direction:column;gap:10px;align-items:center}.picker-preview{padding:4px}.picker-tabs{display:flex;gap:8px}.picker-tabs button{padding:8px 14px}.picker-tabs button.on{background:var(--accent);color:#1c1c1c;border-color:transparent}.picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:380px}.picker-cell{padding:0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-elev-2);border:2px solid var(--border)}.picker-cell.on{border-color:var(--accent)}.player-shell{min-height:100%;display:flex;flex-direction:column;padding:16px;gap:14px;max-width:408px;margin:0 auto}.bigtext{font-size:20px;font-weight:700}.hugetext{font-size:32px;font-weight:700}.qbar{display:flex;align-items:center;gap:8px}.presenter{min-height:100vh;display:flex;flex-direction:column;padding:28px;gap:20px}.presenter h1{font-size:64px}.presenter .qnum{font-size:220px;font-weight:800;text-align:center;line-height:1.2;color:var(--accent)}.submit-tracker{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:28px;padding:0 24px}.submit-tracker-counter{font-size:44px;font-weight:800;font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:0;animation:submit-pulse .32s cubic-bezier(.34,1.56,.64,1)}.submit-tracker-num{color:var(--accent)}.submit-tracker-sep{color:var(--text-dim);margin:0 6px}.submit-tracker-total{color:var(--text)}.submit-tracker-label{font-size:22px;font-weight:600;color:var(--text-dim);margin-left:12px}.submit-tracker-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:80%;min-height:44px}.submit-tracker-avatar{animation:submit-avatar-pop .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes submit-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes submit-avatar-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.leaderboard{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.lb-rank{width:36px;font-weight:700;color:var(--text-dim);text-align:right}.lb-name{flex:1}.lb-score{font-weight:700}.podium{display:flex;align-items:flex-end;justify-content:center;gap:20px}.podium-step{background:var(--bg-elev);border:2px solid var(--border);border-radius:16px;padding:20px 16px;min-width:200px;display:flex;flex-direction:column;align-items:center;gap:10px;animation:podium-pop .5s cubic-bezier(.34,1.56,.64,1) both}.podium-step.rank-1{border-color:#ffd93d;min-height:290px;box-shadow:0 0 32px #ffd93d2e}.podium-step.rank-2{border-color:silver;min-height:250px}.podium-step.rank-3{border-color:#cd7f32;min-height:210px}.podium-step.rank-2{animation-delay:0ms}.podium-step.rank-3{animation-delay:.12s}.podium-step.rank-1{animation-delay:.28s}.podium-medal{font-size:44px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.podium-name{font-size:20px;font-weight:700;text-align:center;max-width:220px;overflow-wrap:break-word}.podium-score{font-size:28px;font-weight:800;padding:4px 16px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border);font-variant-numeric:tabular-nums}.podium-rank-label{font-size:18px;font-weight:700}@keyframes podium-pop{0%{opacity:0;transform:translateY(24px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;width:100%;max-width:100vh}.error{color:var(--danger)}.toast-stack{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{pointer-events:auto;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;min-width:220px;max-width:360px;box-shadow:0 8px 24px #0000004d;font-size:14px;animation:toast-in .16s ease-out}.toast-success{border-color:var(--good)}.toast-success:before{content:"✓ ";color:var(--good);font-weight:700}.toast-error{border-color:var(--danger)}.toast-error:before{content:"✕ ";color:var(--danger);font-weight:700}.toast-info{border-color:var(--accent-2)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.live-dot{display:inline-block;animation:live-dot-flash 2s ease-in-out infinite}@keyframes live-dot-flash{0%,to{opacity:1}50%{opacity:.8}}.audio-player{display:flex;align-items:center;gap:12px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;padding:6px 16px 6px 6px;width:100%}.audio-play{width:36px;height:36px;padding:0;border-radius:50%;background:var(--accent);color:#1c1c1c;border-color:transparent;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.audio-play:hover{background:#ffce4f}.audio-time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-dim);min-width:34px;text-align:center;flex-shrink:0}.audio-seek,.audio-volume{background:transparent;padding:0;border:none;border-radius:0;height:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.audio-seek{flex:1;width:auto}.audio-volume{flex:0 0 100px;width:100px}.audio-volume-icon{flex-shrink:0;color:var(--text-dim)}.audio-seek:focus,.audio-volume:focus{outline:none}.audio-seek:disabled,.audio-volume:disabled{cursor:not-allowed;opacity:.6}.audio-seek::-webkit-slider-runnable-track,.audio-volume::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 0%),var(--border) var(--progress, 0%),var(--border) 100%)}.audio-seek::-moz-range-track,.audio-volume::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 0%),var(--border) var(--progress, 0%),var(--border) 100%);border:none}.audio-seek::-webkit-slider-thumb,.audio-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev-2);margin-top:-5px;box-shadow:0 1px 3px #0006}.audio-seek::-moz-range-thumb,.audio-volume::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev-2);box-shadow:0 1px 3px #0006}.dirty-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle}.quiz-title-input{font-size:28px;font-weight:700;background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 10px;margin-left:12px;flex:1;min-width:0}.quiz-title-input:hover{border-color:var(--border)}.quiz-title-input:focus{background:var(--bg);outline:2px solid var(--accent-2);outline-offset:1px}.tab-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;align-items:center}.tab{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 16px;white-space:nowrap;flex-shrink:0}.tab:hover{background:var(--bg-elev-2)}.tab.active{background:var(--accent);color:#1c1c1c;border-color:transparent;font-weight:700}.tab.active:hover{background:#ffce4f}.tab .tab-count{font-size:12px;color:var(--text-dim);margin-left:6px;font-weight:400}.tab.active .tab-count{color:#1c1c1c99}.tab-add{border-style:dashed;background:transparent;color:var(--text-dim)}.tab-add-form{display:flex;gap:6px;align-items:center;flex-shrink:0}.tab-add-form input{width:220px}@media (max-width: 600px){.page{padding:16px}.picker-grid{grid-template-columns:repeat(6,1fr)}.presenter .qnum{font-size:140px}}