:root{--bg:#0f1220;--surface:#1a1f35;--surface-2:#232a47;--text:#eef1ff;--muted:#9aa3c7;--accent:#6c8cff;--accent-2:#8f6cff;--success:#38c98a;--danger:#ff6c7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #1d2547 0%, var(--bg) 60%);color:var(--text);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.container{max-width:720px;margin:0 auto;padding:24px 16px 64px}.container.narrow{max-width:480px}.container.wide{max-width:900px}.brand{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:48px 0 4px;font-size:2.4rem}.tagline{color:var(--muted);margin:0 0 32px}.card{background:var(--surface);border:1px solid #ffffff0f;border-radius:16px;margin:16px 0;padding:24px}.card.center,.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.8rem}h1{font-size:1.5rem}h2{margin-top:0;font-size:1.15rem}.field{margin:12px 0;display:block}.field>span{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.field.inline{align-items:center;gap:12px;display:flex}.field.inline>span{margin:0}input,.code-input{background:var(--surface-2);width:100%;color:var(--text);border:1px solid #ffffff1a;border-radius:10px;padding:12px 14px;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}.code-input{text-transform:uppercase;letter-spacing:.35em;text-align:center;margin-bottom:12px;font-size:1.4rem;font-weight:700}.textarea{background:var(--surface-2);width:100%;color:var(--text);resize:vertical;border:1px solid #ffffff1a;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:1rem}.textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.checkbox-field{color:var(--muted);align-items:center;gap:8px;margin:10px 0;font-size:.9rem;display:flex}.checkbox-field input{width:auto}button,.button{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}.primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#fff}.secondary{background:var(--surface-2);color:var(--text);border:1px solid #ffffff1f}.ghost{color:var(--muted);background:0 0;border:1px solid #ffffff1f}.big{width:100%;margin-top:12px;padding:16px;font-size:1.1rem}.card-header{justify-content:space-between;align-items:baseline;display:flex}.option-row{align-items:center;gap:8px;margin:8px 0;display:flex}.correct-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;display:flex}.correct-toggle input{width:auto}.add-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.present-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:16px 0;display:flex}.join-box{background:var(--surface);border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.join-box svg{background:#fff;border-radius:12px;width:180px;height:180px;padding:10px}.join-code{letter-spacing:.25em;font-size:2rem;font-weight:800}.controls{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.play-header{justify-content:space-between;align-items:center;margin:8px 0 16px;display:flex}.badge{background:var(--surface-2);letter-spacing:.2em;border-radius:8px;padding:6px 12px;font-weight:700}.answers{gap:10px;margin-top:16px;display:grid}.answer-button{background:var(--surface-2);color:var(--text);text-align:left;border:1px solid #ffffff1f;border-radius:12px;padding:18px;font-size:1.1rem}.answer-button:hover{border-color:var(--accent)}.word-form{gap:8px;margin-top:16px;display:flex}.word-form-col{margin-top:8px}.entry-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{background:var(--surface-2);border:1px solid #ffffff1f;border-radius:999px;padding:4px 12px;font-size:.85rem}.countdown{text-align:center;color:var(--accent);font-variant-numeric:tabular-nums;margin:4px 0 12px;font-size:2.2rem;font-weight:800}.countdown.low{color:var(--danger);animation:1s ease-in-out infinite pulse}.countdown.expired{color:var(--muted)}.hidden-results{text-align:center;border:2px dashed #ffffff1f;border-radius:12px;margin:16px 0;padding:32px 0}.feedback-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.feedback-list li{background:var(--surface-2);border-radius:10px;padding:12px 14px}.question-title{text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-weight:700}.import-button{cursor:pointer;display:inline-block}.divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid #ffffff1f;flex:1}.presenter-link{margin-top:8px}.presenter-link a{text-decoration:none}.presenter-link a:hover{color:var(--accent)}.question-image{border-radius:12px;max-width:100%;max-height:320px;margin:8px 0;display:block}.image-preview{align-items:center;gap:12px;display:flex}.image-preview img{border-radius:8px;max-width:180px;max-height:120px}.option-list{color:var(--text);margin:12px 0;padding-left:20px}.option-list li{margin:4px 0}.spinner{letter-spacing:.5em;color:var(--accent);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.choice-chart{gap:10px;margin:16px 0;display:grid}.choice-row{grid-template-columns:minmax(90px,1fr) 3fr auto;align-items:center;gap:10px;display:grid}.choice-row.correct .choice-label:after{content:" ✓";color:var(--success)}.choice-bar-track{background:var(--surface-2);border-radius:6px;height:26px;overflow:hidden}.choice-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:6px;min-width:2px;height:100%;transition:width .6s}.choice-count{text-align:right;min-width:2ch;font-weight:700}.word-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;min-height:120px;padding:24px 8px;display:flex}.word{color:var(--accent);font-weight:700;line-height:1.1}.leaderboard{counter-reset:rank;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.leaderboard li{counter-increment:rank;background:var(--surface-2);border-radius:10px;justify-content:space-between;padding:10px 14px;display:flex}.leaderboard li:before{content:counter(rank) ".";color:var(--muted);margin-right:10px}.leaderboard li.highlight{outline:2px solid var(--accent)}.lb-name{flex:1}.lb-score{font-weight:700}.error{color:var(--danger)}
