:root{--purple:#46178f;--purple-2:#381272;--purple-dark:#25076b;--purple-light:#864cbf;--red:#e21b3c;--blue:#1368ce;--yellow:#d89e00;--green:#26890c;--correct:#66bf39;--wrong:#f35;--ink:#333;--ink-2:#6e6e6e;--line:#e6e6e6;--bg:#f2f2f2;--white:#fff;--radius:6px;--shadow:0 2px 6px #00000026;--shadow-press:inset 0 -4px #00000040;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:var(--bg)}h1,h2,h3{margin:0 0 .5em;font-weight:800}a{color:var(--blue)}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:1rem}fieldset{border:0;min-width:0;margin:0;padding:0}.screen{width:100%;min-height:100dvh;position:relative;overflow:hidden}.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.pad{padding:48px}.bg-purple{background:var(--purple);color:var(--white)}.bg-correct{background:var(--correct);color:var(--white)}.bg-wrong{background:var(--wrong);color:var(--white)}.card{background:var(--white);color:var(--ink);border-radius:8px;padding:20px;box-shadow:0 4px 12px #00000040}.card.narrow{text-align:center;flex-direction:column;align-items:center;gap:16px;width:calc(100% - 32px);max-width:420px;display:flex}.card.narrow .logo{color:var(--purple)}.logo-link{text-decoration:none}.logo{letter-spacing:-.02em;color:var(--white);font-weight:900;line-height:1}.logo span{color:#ffd84d}.logo-sm{font-size:1.5rem}.logo-md{font-size:2.2rem}.logo-lg{text-shadow:0 4px #0003;margin-bottom:28px;font-size:clamp(3rem,12vw,5rem)}.page .logo,.editor .logo{color:var(--purple)}.page .logo span,.editor .logo span{color:var(--red)}.btn{cursor:pointer;box-shadow:var(--shadow-press);white-space:nowrap;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform 50ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000040}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-small{padding:8px 14px;font-size:.875rem}.btn-block{width:100%}.btn-dark{color:var(--white);background:#333}.btn-primary{background:var(--purple);color:var(--white)}.btn-light{background:var(--white);color:var(--ink)}.btn-ghost{color:var(--white);box-shadow:none;background:#ffffff2e}.btn-ghost-dark{color:var(--ink);box-shadow:none;background:0 0}.btn-outline{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line), var(--shadow-press)}.btn-danger-outline{background:var(--white);color:var(--red);box-shadow:inset 0 0 0 2px #f5c2cb}.link-btn{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:700}.link-btn.light{color:#ffffffd9}.icon-btn{color:inherit;cursor:pointer;background:#ffffff2e;border:0;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:inline-flex}.spinner{border:6px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:48px;height:48px;margin:12px auto;animation:.8s linear infinite spin}.page .spinner,.editor .spinner,.screen:not(.bg-purple)>.spinner{border-color:#46178f33;border-top-color:var(--purple)}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:var(--white);z-index:1000;cursor:pointer;background:#222;border-radius:6px;max-width:calc(100% - 32px);padding:12px 20px;font-weight:700;animation:.2s ease-out pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.conn-banner{color:var(--white);text-align:center;z-index:999;background:#222;padding:6px;font-size:.875rem;font-weight:700;position:fixed;top:0;left:0;right:0}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.9)}}.form-error{color:var(--red);margin:8px 0 0;font-weight:700}.muted-light{color:#fffc;font-weight:700}.red{background-color:var(--red);color:var(--white)}.blue{background-color:var(--blue);color:var(--white)}.yellow{background-color:var(--yellow);color:var(--white)}.green{background-color:var(--green);color:var(--white)}.home{padding:16px}.bg-shapes span{opacity:.12;background:var(--white);pointer-events:none;position:absolute}.bg-shapes .s1{border-radius:50%;width:40vmax;height:40vmax;top:-18vmax;left:-12vmax}.bg-shapes .s2{width:30vmax;height:30vmax;bottom:-14vmax;right:-8vmax;transform:rotate(20deg)}.bg-shapes .s3{width:10vmax;height:10vmax;top:12vh;right:10vw;transform:rotate(45deg)}.bg-shapes .s4{border-left:7vmax solid #0000;border-right:7vmax solid #0000;border-bottom:12vmax solid var(--white);background:0 0;width:0;height:0;bottom:10vh;left:8vw}.join-card{z-index:1;text-align:center;flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex;position:relative}.join-title{color:var(--purple);margin:0 0 4px;font-weight:800}.big-input{text-align:center;border:2px solid #ccc;border-radius:4px;width:100%;padding:12px;font-size:1.15rem;font-weight:800}.big-input:focus{border-color:#333;outline:none}.home-footer{z-index:1;text-align:center;margin-top:28px;font-weight:600;position:relative}.home-footer a{color:var(--white);font-weight:800}.player{flex-direction:column;transition:background-color .3s;display:flex}.player-top,.player-bottom{background:#0000001f;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:800;display:flex}.player-bottom{background:var(--white);color:var(--ink);padding-bottom:max(10px, env(safe-area-inset-bottom))}.player-bottom .nick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-pill{color:var(--white);text-align:center;background:#333;border-radius:4px;min-width:64px;padding:4px 14px}.player-main{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.player-msg{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:560px;margin:auto;animation:.35s ease-out rise;display:flex}.player-msg h1{text-shadow:0 2px #00000026;margin:0;font-size:clamp(1.8rem,7vw,2.6rem)}.player-msg h2{margin:0;font-size:clamp(1.2rem,5vw,1.7rem)}.player-msg p{margin:0;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.nick-pill{background:#00000040;border-radius:6px;margin-top:12px;padding:10px 22px;font-size:1.3rem;font-weight:800}.intro-bar{background:#ffffff40;border-radius:6px;width:min(320px,80vw);height:12px;margin-top:16px;overflow:hidden}.intro-bar>div{background:var(--white);border-radius:6px;height:100%}.answer-pad-wrap{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.pad-question{text-align:center;margin:4px 8px 0;font-size:clamp(1.05rem,4.5vw,1.5rem)}.pad-timer{text-align:center;background:#00000040;border-radius:999px;align-self:center;min-width:48px;padding:4px 12px;font-size:1.2rem;font-weight:900}.answer-pad{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:260px;display:grid}.answer-btn{box-shadow:var(--shadow-press);cursor:pointer;text-align:center;word-break:break-word;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:clamp(.95rem,4vw,1.25rem);font-weight:800;transition:transform 60ms;display:flex}.answer-btn:active{transform:scale(.97)}.answered-shape{width:96px;height:96px;box-shadow:var(--shadow-press);border-radius:8px;justify-content:center;align-items:center;margin-top:18px;display:flex}.result-icon{background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:3rem;font-weight:900;animation:.5s bounce;display:flex}.result-icon.ok{color:var(--correct)}.result-icon.bad{color:var(--wrong)}@keyframes bounce{0%{transform:scale(.3)}60%{transform:scale(1.15)}to{transform:scale(1)}}.streak{font-weight:800}.points-pill{background:#0000004d;border-radius:6px;padding:10px 26px;font-size:1.6rem;font-weight:900}.rank-line{font-size:1.15rem;margin-top:6px!important;font-weight:800!important}.medal{font-size:4rem;line-height:1}.host{background:var(--purple);color:var(--white);flex-direction:column;display:flex}.host-controls{z-index:10;color:var(--white);box-shadow:var(--shadow);background:#25076beb;border-radius:8px;align-items:center;gap:6px;padding:5px;display:flex;position:absolute;top:10px;right:10px}.host-controls .icon-btn{width:34px;height:34px}.q-counter{background:#0000004d;border-radius:4px;padding:8px 12px;font-weight:800}.lobby{flex-direction:column;min-height:100dvh;display:flex}.lobby-banner{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;padding:20px 16px 0;display:flex}.lobby-banner>*{background:var(--white);color:var(--ink);box-shadow:var(--shadow);border-radius:8px}.join-at{flex-direction:column;justify-content:center;max-width:min(36vw,520px);padding:14px 24px;font-weight:700;display:flex}.join-at b{overflow-wrap:anywhere;font-size:clamp(1rem,1.9vw,1.8rem);font-weight:900}.pin-box{flex-direction:column;justify-content:center;padding:10px 28px;font-weight:800;display:flex}.pin-box b{letter-spacing:.02em;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1}.qr{width:clamp(110px,12vw,160px);height:auto;padding:8px}.lobby-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:20px 24px;display:grid}.count-pill{background:#0000004d;border-radius:6px;justify-self:start;align-items:center;gap:8px;padding:8px 16px;font-size:1.4rem;font-weight:900;display:flex}.lobby-title{text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:1.15rem;font-weight:800;display:flex}.lobby-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex}.toggle{cursor:pointer;background:#ffffff2e;border-radius:4px;align-items:center;gap:6px;padding:9px 10px;font-size:.85rem;font-weight:700;display:flex}.locked-note{text-align:center;background:#0000004d;border-radius:6px;margin:0 24px;padding:8px;font-weight:800}.lobby-players{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:12px;padding:20px 24px 40px;display:flex}.player-tile{color:var(--white);cursor:pointer;background:#0000004d;border:0;border-radius:6px;padding:10px 18px;font-size:1.25rem;font-weight:800;animation:.3s ease-out pop-in}.player-tile:hover{background:#00000073;text-decoration:line-through}.player-tile.offline{opacity:.45}.waiting-tile{background:#0000004d;border-radius:6px;padding:14px 28px;font-size:1.4rem;font-weight:800;animation:1.6s ease-in-out infinite pulse}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}}@keyframes pulse{50%{opacity:.6}}.intro{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex}.intro-label{background:var(--white);color:var(--ink);border-radius:999px;padding:8px 20px;font-weight:800}.intro-card{background:var(--white);color:var(--ink);text-align:center;width:100%;max-width:1100px;box-shadow:var(--shadow);border-radius:8px;padding:32px 40px;animation:.4s ease-out zoom}.intro-card h1{margin:0;font-size:clamp(1.6rem,4vw,3rem)}.double-badge{background:var(--purple);color:var(--white);border-radius:999px;margin-top:14px;padding:6px 14px;font-weight:800;display:inline-block}.host-bar{width:min(900px,90%);height:14px}@keyframes zoom{0%{opacity:0;transform:scale(.85)}}.question-screen{background:var(--bg);min-height:100dvh;color:var(--ink);flex-direction:column;flex:1;display:flex}.q-title{background:var(--white);box-shadow:var(--shadow);text-align:center;justify-content:center;align-items:center;min-height:72px;padding:16px 220px 16px 24px;display:flex}.q-title h1{margin:0;font-size:clamp(1.2rem,2.6vw,2.2rem)}.q-middle{flex:1;grid-template-columns:1fr minmax(0,3fr) 1fr;align-items:center;gap:16px;min-height:0;padding:16px 24px;display:grid}.timer-circle{background:var(--purple);width:clamp(72px,9vw,120px);height:clamp(72px,9vw,120px);color:var(--white);border-radius:50%;justify-content:center;justify-self:center;align-items:center;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;display:flex}.timer-circle.urgent{animation:1s infinite throb}@keyframes throb{50%{transform:scale(1.1)}}.q-media{justify-content:center;align-items:center;height:100%;min-height:160px;max-height:46vh;display:flex}.q-media img{object-fit:contain;border-radius:6px;max-width:100%;max-height:46vh}.q-media-placeholder{opacity:.9;grid-template-columns:1fr 1fr;gap:10px;display:grid}.q-media-placeholder span{border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;animation:2.4s ease-in-out infinite wiggle;display:flex}.q-media-placeholder span:nth-child(2){animation-delay:.3s}.q-media-placeholder span:nth-child(3){animation-delay:.6s}.q-media-placeholder span:nth-child(4){animation-delay:.9s}@keyframes wiggle{50%{transform:rotate(8deg)scale(1.05)}}.answer-count{flex-direction:column;justify-self:center;align-items:center;font-weight:800;display:flex}.answer-count b{font-size:clamp(2rem,4vw,3.5rem);line-height:1}.host-answers{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px;display:grid}.host-answer{min-height:84px;box-shadow:var(--shadow-press);border-radius:6px;align-items:center;gap:16px;padding:18px 20px;font-size:clamp(1rem,2vw,1.6rem);font-weight:800;transition:opacity .3s;display:flex}.host-answer>span:nth-child(2){word-break:break-word;flex:1}.host-answer.dim{opacity:.3}.host-answer .tick{font-size:2rem;font-weight:900}.reveal-middle{grid-template-columns:1fr}.bars{justify-self:center;align-items:flex-end;gap:clamp(12px,3vw,40px);height:100%;min-height:200px;max-height:44vh;display:flex}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;width:clamp(64px,10vw,140px);height:100%;transition:opacity .3s;display:flex;background:0 0!important}.bar-col.dim{opacity:.35}.bar-count{color:var(--ink);margin-bottom:4px;font-size:1.4rem;font-weight:900}.bar{transform-origin:bottom;border-radius:4px 4px 0 0;width:100%;min-height:6px;animation:.8s ease-out grow}.bar-col.red .bar,.bar-col.red .bar-label{background:var(--red)}.bar-col.blue .bar,.bar-col.blue .bar-label{background:var(--blue)}.bar-col.yellow .bar,.bar-col.yellow .bar-label{background:var(--yellow)}.bar-col.green .bar,.bar-col.green .bar-label{background:var(--green)}.bar-label{width:100%;color:var(--white);border-radius:0 0 4px 4px;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-weight:900;display:flex}@keyframes grow{0%{transform:scaleY(0)}}.host-controls .voters-toggle.on{background:var(--white);color:var(--purple)}.host-answers.with-voters .host-answer{flex-wrap:wrap;align-content:flex-start;row-gap:10px}.host-answers.with-voters .host-answer.dim{opacity:.6}.name-list{flex-wrap:wrap;flex-basis:100%;gap:6px;font-size:clamp(.8rem,1.1vw,1rem);font-weight:700;display:flex}.name-chip,.name-more,.name-empty{white-space:nowrap;background:#00000038;border-radius:999px;padding:3px 9px}.name-more{background:#ffffff4d}.name-empty{opacity:.85;background:0 0;padding-left:0;font-style:italic}.no-answer{flex-wrap:wrap;justify-self:center;align-items:center;gap:8px;max-width:100%;font-weight:800;display:flex}.no-answer .name-list{flex:1}.no-answer .name-chip,.no-answer .name-more{background:#00000014}.scoreboard{flex-direction:column;flex:1;align-items:center;padding:24px;display:flex}.sb-title{background:var(--white);color:var(--ink);border-radius:6px;margin:8px 0 32px;padding:12px 40px;font-size:clamp(1.4rem,3vw,2.4rem)}.sb-list{flex-direction:column;gap:10px;width:min(900px,100%);margin:0;padding:0;list-style:none;display:flex}.sb-list li{color:var(--ink);background:#fffffff2;border-radius:6px;align-items:center;gap:16px;padding:14px 22px;font-size:clamp(1.1rem,2.4vw,1.8rem);font-weight:800;animation:.45s ease-out both slide-in;display:flex}.sb-list li.leader{background:var(--white);outline:4px solid #ffd84d}.sb-name{flex:1}.sb-up{color:var(--green);font-size:.8em}@keyframes slide-in{0%{opacity:0;transform:translate(-40px)}}.podium-screen{flex-direction:column;flex:1;align-items:center;min-height:100dvh;padding:24px;display:flex}.podium-title{background:var(--white);color:var(--ink);border-radius:6px;margin:8px 0 0;padding:10px 28px;font-size:clamp(1.2rem,2.6vw,2rem)}.podium{flex:1;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,20px);width:min(900px,100%);padding-top:24px;display:flex}.podium-col{opacity:0;flex-direction:column;flex:1;align-items:center;transition:opacity .6s,transform .6s cubic-bezier(.2,1.4,.4,1);display:flex;transform:translateY(60px)}.podium-col.show{opacity:1;transform:none}.podium-name{text-align:center;flex-direction:column;align-items:center;margin-bottom:10px;display:flex}.podium-name b{word-break:break-word;font-size:clamp(1.1rem,2.6vw,2rem);font-weight:900}.podium-name span{opacity:.9;font-weight:700}.podium-block{background:var(--purple-light);border-radius:6px 6px 0 0;justify-content:center;width:100%;padding-top:16px;display:flex;box-shadow:inset 0 -6px #0003}.p1 .podium-block{background:#ffd84d;height:40vh}.p2 .podium-block{background:#d9d9d9;height:30vh}.p3 .podium-block{background:#e0a46b;height:22vh}.podium-actions{gap:12px;margin-top:20px;display:flex}.page{background:var(--bg);min-height:100dvh}.topbar{background:var(--white);z-index:5;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000001a}.topbar nav{gap:8px;display:flex}.container{max-width:1200px;margin:0 auto;padding:24px 16px 60px}.lib-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lib-head h1{margin:0}.lib-tools{flex-wrap:wrap;gap:10px;display:flex}.tabs{background:var(--white);box-shadow:var(--shadow);border-radius:6px;padding:3px;display:flex}.tabs button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:4px;padding:8px 14px;font-weight:700}.tabs button.active{background:var(--purple);color:var(--white)}.search{border:2px solid var(--line);border-radius:6px;min-width:220px;padding:9px 12px}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.quiz-card{background:var(--white);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.quiz-cover{background-position:50%;background-size:cover;height:130px;position:relative}.q-count,.open-badge{background:var(--blue)!important}.mine-badge{color:var(--white);background:#0009;background:var(--green);border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:800;position:absolute;bottom:8px;left:8px;right:auto}.quiz-body{flex:1;padding:14px 16px 6px}.quiz-body h3{margin:0 0 6px;font-size:1.1rem}.desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.9rem;display:-webkit-box;overflow:hidden}.meta{color:var(--ink-2);margin:0;font-size:.85rem;font-weight:600}.quiz-actions{flex-wrap:wrap;gap:6px;padding:10px 16px 16px;display:flex}.empty{text-align:center;color:var(--ink-2);padding:48px 16px;font-weight:600}.table{border-collapse:collapse;background:var(--white);width:100%;box-shadow:var(--shadow);border-radius:8px;margin-bottom:28px;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 14px}.table th{color:var(--ink-2);background:#fafafa;font-size:.85rem}.report-questions{gap:12px;display:grid}.report-q{background:var(--white);box-shadow:var(--shadow);border-radius:8px;padding:14px 16px}.report-q-head{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.pct{white-space:nowrap;font-weight:800}.pct.good{color:var(--green)}.pct.mid{color:var(--yellow)}.pct.bad{color:var(--red)}.report-choice{grid-template-columns:24px minmax(0,1.4fr) 2fr 32px;align-items:center;gap:10px;margin:6px 0;display:grid}.shape-badge{border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.rc-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rc-text .ok{color:var(--green)}.rc-bar{background:#eee;border-radius:4px;height:14px;overflow:hidden}.rc-bar>div{height:100%}.rc-n{text-align:right;font-weight:800}.editor{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.editor-top{background:var(--white);z-index:2;align-items:center;gap:16px;padding:8px 16px;display:flex;box-shadow:0 1px 4px #0000001a}.title-btn{border:2px solid var(--line);background:var(--white);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:10px;max-width:480px;padding:8px 8px 8px 14px;font-size:.95rem;font-weight:700;display:flex;overflow:hidden}.settings-chip{background:#eee;border-radius:4px;padding:4px 8px;font-size:.8rem}.editor-top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.ro-note{color:var(--ink-2);font-size:.85rem;font-weight:600}.editor-body{flex:1;grid-template-columns:220px minmax(0,1fr) 240px;min-height:0;display:grid}.q-list{background:var(--white);border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:10px;display:flex;overflow-y:auto}.q-item{border:2px solid var(--line);cursor:pointer;background:var(--white);border-radius:6px;padding:8px}.q-item.active{border-color:var(--purple);background:#f4effb}.q-item.has-issue{border-left:5px solid var(--red)}.q-item-head{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:800;display:flex}.q-item-tools{display:none}.q-item:hover .q-item-tools,.q-item.active .q-item-tools{display:inline-flex}.q-item-tools button{cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:.85rem}.q-item-tools button:disabled{opacity:.3}.q-item-text{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 6px;font-size:.85rem;font-weight:700;overflow:hidden}.q-item-dots{gap:4px;display:flex}.q-item-dots span{opacity:.35;border-radius:3px;flex:1;height:6px}.q-item-dots span.correct{opacity:1}.add-q{flex-direction:column;gap:6px;margin-top:4px;display:flex}.add-q-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.add-q-row .btn{padding:8px 4px;font-size:.75rem}.q-edit{padding:20px clamp(12px,3vw,40px) 40px;overflow-y:auto}.q-edit fieldset{flex-direction:column;gap:16px;max-width:1000px;margin:0 auto;display:flex}.q-text-input{text-align:center;width:100%;box-shadow:var(--shadow);resize:none;border:0;border-radius:6px;padding:16px;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:800}.media-box{background:#ffffffb3;border:2px dashed #ccc;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex}.media-box img{border-radius:6px;max-width:100%;max-height:220px}.media-empty{color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:18px 0 6px;font-weight:600;display:flex}.media-empty span:first-child{font-size:2.4rem}.media-url{border:2px solid var(--line);border-radius:6px;width:min(520px,100%);padding:8px 10px}.edit-answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.edit-answer{background:var(--white);min-height:76px;box-shadow:var(--shadow);border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.edit-answer.red{background:var(--red);color:var(--white)}.edit-answer.blue{background:var(--blue);color:var(--white)}.edit-answer.yellow{background:var(--yellow);color:var(--white)}.edit-answer.green{background:var(--green);color:var(--white)}.edit-answer .shape-badge{flex-shrink:0;width:44px;height:100%;min-height:56px}.edit-answer:not(.empty) .shape-badge{background:0 0}.edit-answer input{min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:8px 4px;font-size:1.05rem;font-weight:800}.edit-answer input::placeholder{color:#999}.edit-answer:not(.empty) input::placeholder{color:#ffffffb3}.edit-answer input:focus{outline:none}.correct-toggle{background:var(--white);color:#0000;cursor:pointer;border:3px solid #ccc;border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:1.1rem;font-weight:900}.edit-answer:not(.empty) .correct-toggle{border-color:var(--white);background:0 0}.correct-toggle.on,.edit-answer:not(.empty) .correct-toggle.on{background:var(--correct);border-color:var(--white);color:var(--white)}.remove-answer{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;font-size:1rem}.add-answer{align-self:center}.issues{color:#a1132a;background:#fff1f3;border:2px solid #f5c2cb;border-radius:6px;margin:0;padding:10px 14px 10px 30px;font-size:.9rem;font-weight:700}.q-props{background:var(--white);border-left:1px solid var(--line);padding:16px;overflow-y:auto}.q-props fieldset,.modal fieldset{flex-direction:column;gap:14px;display:flex}.q-props label,.modal label{flex-direction:column;gap:6px;font-size:.85rem;font-weight:800;display:flex}.q-props select,.modal input,.modal textarea{border:2px solid var(--line);background:var(--white);border-radius:6px;padding:9px 10px;font-weight:600}.hint{color:var(--ink-2);margin:0;font-size:.85rem;font-weight:600}.modal-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:8px;width:min(520px,100%);max-height:90dvh;padding:24px;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.spacer{flex:1}@media (width<=900px){.editor{height:auto;min-height:100dvh}.editor-body{grid-template-columns:1fr}.q-list{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.q-item{min-width:170px}.add-q{min-width:170px;margin-top:0}.q-props{border-left:0;border-top:1px solid var(--line)}.title-btn{max-width:none}.lobby-bar{grid-template-columns:1fr;justify-items:center}.count-pill,.lobby-actions{justify-content:center;justify-self:center}.q-title{padding:64px 16px 16px}}@media (width<=600px){.editor-top{flex-wrap:wrap}.title-btn{flex-basis:100%;order:3}.edit-answers,.host-answers{grid-template-columns:1fr}.q-middle{grid-template-columns:1fr 1fr}.q-media{grid-area:1/1/auto/-1}.topbar{padding:8px 12px}.report-choice{grid-template-columns:24px minmax(0,1fr) 80px 28px}.table th,.table td{padding:8px;font-size:.85rem}}@media (height<=500px) and (orientation:landscape){.answer-pad{min-height:160px}}.listen-banner{z-index:6;background:var(--red);color:var(--white);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 20px;font-size:1rem;display:flex;position:sticky;top:0}.listen-banner.paused{background:#8a6d00}.listen-clock{font-variant-numeric:tabular-nums;background:#0003;border-radius:4px;padding:2px 8px;font-weight:800}.listen-banner-note{opacity:.9;font-size:.875rem}.rec-dot{background:var(--white);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.25}}.listen-page .topbar{position:static}.listen-setup{background:var(--white);max-width:640px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:16px;margin:0 auto;padding:28px;display:flex}.listen-setup h1{margin:0}.lead{color:var(--ink-2);margin:0;font-weight:600}.listen-page .field{flex-direction:column;gap:6px;font-weight:700;display:flex}.listen-page .field input,.listen-page .field select{border:2px solid var(--line);background:var(--white);border-radius:6px;min-width:0;padding:10px 12px;font-weight:600}.model-picker small{font-size:.8rem;font-weight:600;line-height:1.4}.model-picker.compact select{padding:6px 8px;font-size:.85rem}.cost-meter{background:#f4effb;border:2px solid #e2d6f3;border-radius:8px;padding:10px 12px}.cost-main{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cost-label{color:var(--purple);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:800}.cost-value{font-variant-numeric:tabular-nums;color:var(--purple-dark);font-size:1.6rem;font-weight:900}.cost-detail{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.listen-steps{margin:0;padding-left:22px;line-height:1.7}.mode-choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-card{text-align:left;border:2px solid var(--line);background:var(--white);cursor:pointer;color:var(--ink);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;font-family:inherit;display:flex}.mode-card b{font-size:1rem}.mode-card span{color:var(--ink-2);font-size:.85rem;font-weight:600}.mode-card.active{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple);background:#f4effb}@media (width<=520px){.mode-choice{grid-template-columns:1fr}}.listen-start{align-self:flex-start}.listen-alert{border-radius:6px;padding:12px 14px;font-size:.9rem;line-height:1.45}.listen-alert.warn{background:#fff4e5;border:2px solid #ffc27a}.listen-alert.error{background:#fdecee;border:2px solid #f5a3b0}.listen-alert.ok{background:#eaf7e4;border:2px solid #9fd88a}.listen-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.listen-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:64px}.listen-title{margin:0;font-size:1.3rem}.listen-preview{aspect-ratio:16/9;object-fit:contain;background:#111;border-radius:6px;width:100%}.meter{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.meter>div{background:var(--green);width:0;height:100%;transition:width .2s}.listen-stats{flex-wrap:wrap;gap:6px 16px;font-size:.9rem;display:flex}.listen-stats b{font-size:1.2rem}.listen-stats .muted,.listen-stats .warn-text{color:var(--ink-2);flex-basis:100%}.listen-stats .last-heard{font-size:.85rem;font-style:italic}.listen-stats .warn-text{color:#b35c00;font-weight:700}.listen-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.listen-actions.column{flex-direction:column;margin-top:0}.listen-notes{background:var(--white);box-shadow:var(--shadow);border-radius:8px;min-height:300px;padding:20px}.empty-notes{color:var(--ink-2);font-weight:600}.note-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.note-list li{border-top:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px 0;animation:.3s ease-out note-in;display:grid}.note-list li:first-child{border-top:0}@keyframes note-in{0%{opacity:0;transform:translateY(6px)}}.note-ts{font-variant-numeric:tabular-nums;color:var(--purple);padding-top:2px;font-size:.85rem;font-weight:800}.note-tip{font-weight:800}.note-details{color:var(--ink-2);margin-top:4px;font-size:.9rem}.note-speaker{margin-top:4px;font-size:.85rem;font-weight:700}@media (width<=760px){.listen-grid{grid-template-columns:1fr}.listen-side{position:static}}