@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#f9f6f5;--surface:#fff;--surface-soft:#f3f0ef;--surface-strong:#e4e2e1;--gray:#ece7e2;--text:#2f2f2e;--muted:#656362;--line:#d6d2cf;--accent:#ffd709;--accent-ink:black;--danger:#b02500;--success:#2f7c37;--dark-surface:#252525;--ink-inverse:#f9f6f5;--info:#1f5d80;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-mono:"Space Grotesk", monospace}.u-inline-flex-center{align-items:center;display:inline-flex}.u-flex-ac{align-items:center;display:flex}.u-caps-tracked{text-transform:uppercase;letter-spacing:.1em;font-weight:700}.u-grid-gap-5{gap:5px;display:grid}.u-grid-gap-7{gap:7px;display:grid}.u-grid-gap-11{gap:11px;display:grid}*{box-sizing:border-box}html{font-size:85%}body{color:var(--text);background:var(--bg);font-family:var(--font-body);margin:0}a{color:inherit}.app{gap:12px;width:min(1180px,100% - 27px);margin:12px auto 44px;display:grid}.join-room-app{place-content:center;min-height:100vh}.join-room-panel{gap:12px;width:min(620px,100%);margin:0 auto;padding:clamp(16px,3vw,27px);display:grid}.join-room-panel h1{font-size:clamp(24px,4vw,34px)}.join-room-kicker{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 68%, transparent);margin:0;font-size:10px;font-weight:700}.join-room-form{gap:7px;display:grid}.join-room-label{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--text) 68%, transparent);font-size:10px;font-weight:700}.join-room-row{flex-wrap:wrap;gap:7px;display:flex}.join-room-row .text-input{flex:280px}.join-room-row button{min-width:116px}.join-room-preview{color:var(--muted);margin:0;font-size:11px}.app-projector{width:100%;min-height:100vh;margin:0;padding-bottom:29px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 17px}.panel h1,.panel h2,.panel h3{line-height:1.06;font-family:var(--font-display);letter-spacing:-.03em;margin:0}.header-panel{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:3px;position:sticky;top:0}.header-panel-compact{min-height:0}.header-panel-projector{background:0 0;padding:2px 10px;top:0}.header-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.header-top-compact{justify-content:flex-end;align-items:center;gap:5px}.header-brand h1{text-transform:uppercase;font-size:clamp(15px,2.2vw,22px);font-weight:800}.header-nav{gap:12px;margin-top:6px;display:inline-flex}.header-nav-link{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 65%, transparent);border-bottom:2px solid #0000;padding-bottom:2px;font-size:10px;font-weight:700;text-decoration:none}.header-nav-link.is-active{color:var(--text);border-bottom-color:var(--accent)}.header-live-stats{flex-wrap:wrap;align-items:stretch;gap:6px;display:inline-flex}.header-mini-icons{color:color-mix(in srgb, var(--text) 62%, transparent);align-items:center;gap:5px;display:inline-flex}.live-chip{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-auto-flow:column;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-grid}.live-chip strong{font-size:12px;font-weight:700;font-family:var(--font-display)}.live-chip small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:9px;font-weight:700}.question-meta-row{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:7px;display:flex}.question-pill,.phase-pill{text-transform:uppercase;letter-spacing:.11em;border-radius:999px;align-items:center;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.question-pill{background:var(--accent);color:var(--accent-ink)}.phase-pill{background:var(--surface-soft);color:var(--muted)}.phase-open{color:var(--success)}.phase-closed{color:color-mix(in srgb, var(--danger) 88%, var(--text))}.phase-revealed{color:var(--accent-ink)}.audience-panel h2{max-width:26ch;font-size:clamp(23px,4.3vw,49px)}.projector{background:var(--text);border-color:var(--text);color:var(--ink-inverse);padding:clamp(17px,2.2vw,30px)}.projector h2{max-width:20ch;font-size:clamp(27px,5.5vw,68px);line-height:1.08}.projector .muted,.projector .phase-pill{color:color-mix(in srgb, var(--ink-inverse) 78%, transparent)}.projector .question-pill{background:var(--accent);color:color-mix(in srgb, var(--accent-ink) 92%, var(--text))}.projector .number-reveal-card{background:color-mix(in srgb, var(--ink-inverse) 10%, transparent);border-color:color-mix(in srgb, var(--ink-inverse) 22%, transparent)}.projector .result-meta{color:var(--ink-inverse)}.projector .option-index{background:color-mix(in srgb, var(--ink-inverse) 18%, transparent);color:var(--ink-inverse)}.projector .result-bar{background:color-mix(in srgb, var(--ink-inverse) 14%, transparent)}.host-panel h2{font-size:22px}.host-heading{gap:5px;margin-bottom:12px;display:grid}.muted{color:var(--muted);margin:0}.muted.big{font-size:15px}.name-overlay{background:color-mix(in srgb, var(--text) 26%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;place-items:center;display:grid;position:fixed;inset:0}.name-modal{background:var(--surface);border:1px solid var(--line);border-top:8px solid var(--accent);border-radius:14px;gap:11px;width:min(460px,100% - 20px);padding:15px;display:grid}.name-modal-kicker{text-transform:uppercase;letter-spacing:.13em;color:color-mix(in srgb, var(--text) 64%, transparent);font-size:10px;font-weight:700}.error{color:color-mix(in srgb, var(--danger) 58%, var(--text));background:color-mix(in srgb, var(--danger) 7%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 24%, var(--line));border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px}.text-input,select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px}.text-input:focus,select:focus{outline:2px solid color-mix(in srgb, var(--accent) 34%, transparent);border-color:color-mix(in srgb, var(--accent) 46%, var(--text))}button{border:1px solid color-mix(in srgb, var(--accent) 52%, var(--text));background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border-radius:10px;padding:8px 13px;font-weight:700}button:hover:not(:disabled){filter:brightness(.985)}button:disabled{opacity:.46;cursor:not-allowed}.host-key-row{max-width:500px}.host-lock-chip{text-transform:uppercase;letter-spacing:.08em;background:var(--surface-soft);border-radius:999px;align-items:center;gap:5px;margin:7px 0 0;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.host-lock-open{color:var(--success)}.host-lock-closed{color:color-mix(in srgb, var(--danger) 90%, var(--text))}.host-controls{gap:12px;display:grid}.host-controls>label{text-transform:uppercase;letter-spacing:.11em;color:color-mix(in srgb, var(--text) 68%, transparent);gap:5px;font-size:10px;font-weight:700;display:grid}.button-row{flex-wrap:wrap;gap:7px;display:flex}.manual-controls{margin-top:3px}.manual-controls summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700}.nested-panel{background:var(--surface-soft);margin-top:14px}.share-links-panel h3{margin-bottom:8px}.link-rows{gap:6px;display:grid}.link-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;display:flex}.link-row-label{text-transform:uppercase;letter-spacing:.07em;gap:5px;font-size:11px;font-weight:700}.link-row-actions{align-items:center;gap:6px;display:inline-flex}.copy-link-btn{padding:5px 6px;line-height:0}.number-guess-row{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.number-guess-row .text-input{flex:230px}.number-results{gap:5px;margin-top:14px;display:grid}.number-reveal-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;gap:4px;padding:10px 11px;display:grid}.results{gap:8px;margin-top:11px;display:grid}.result-row{gap:5px;display:grid}.result-row.correct .result-meta{color:color-mix(in srgb, var(--accent-ink) 92%, var(--text))}.result-row-interactive{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;align-items:center;gap:8px;width:100%;padding:10px;transition:border-color .15s;display:flex}.result-row-interactive.row-selected{border-color:var(--accent)}.result-row-interactive input{flex:none;margin:0}.result-row-interactive.feedback-selected-correct{background:color-mix(in srgb, var(--success) 8%, var(--surface));border-color:color-mix(in srgb, var(--success) 38%, var(--line))}.result-row-interactive.feedback-selected-wrong{background:color-mix(in srgb, var(--danger) 6%, var(--surface));border-color:color-mix(in srgb, var(--danger) 20%, var(--line))}.result-row-interactive.feedback-missed-correct{background:color-mix(in srgb, var(--accent) 9%, var(--surface));border-color:color-mix(in srgb, var(--accent) 24%, var(--line))}.result-content{gap:5px;width:100%;min-width:0;display:grid}.result-meta{color:var(--text);justify-content:space-between;align-items:center;gap:14px;font-size:13px;display:flex}.result-label-wrap{align-items:center;gap:6px;min-width:0;display:inline-flex}.option-index{background:var(--surface-strong);min-width:19px;height:19px;color:color-mix(in srgb, var(--text) 78%, transparent);text-transform:uppercase;letter-spacing:.05em;border-radius:5px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.result-feedback-chip{white-space:nowrap;border-radius:999px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1}.feedback-chip-selected-correct{color:var(--success);background:color-mix(in srgb, var(--success) 11%, var(--surface))}.feedback-chip-selected-wrong{color:color-mix(in srgb, var(--danger) 82%, var(--text));background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.feedback-chip-missed-correct{color:color-mix(in srgb, var(--accent-ink) 88%, var(--danger));background:color-mix(in srgb, var(--accent) 26%, var(--surface))}.hidden-eye-icon{color:color-mix(in srgb, var(--muted) 86%, transparent);display:block}.result-bar{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:7px;height:12px;overflow:hidden}.result-fill{background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 48%, var(--surface)) 100%);transform-origin:0;border-radius:7px;height:100%;transition:width .32s cubic-bezier(.22,.8,.3,1);animation:.28s ease-out bar-pop}@keyframes bar-pop{0%{transform:scaleY(.74)}70%{transform:scaleY(1.08)}to{transform:scaleY(1)}}.debug-footer{color:color-mix(in srgb, var(--muted) 82%, var(--text));text-align:center;letter-spacing:.08em;text-transform:uppercase;margin:3px 0 7px;font-size:9px}.projector-shell{width:calc(100% - 44px);max-width:1460px;margin:0 auto;padding:18px 0 16px}.starting-soon-shell{width:calc(100% - 27px);max-width:1160px;margin:0 auto;padding:14px 0 11px}.starting-soon-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.starting-soon-main{align-content:center;gap:13px;min-height:320px;display:grid}.starting-soon-kicker{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--text) 70%, transparent);font-size:11px;font-weight:700}.starting-soon-title{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(35px,8vw,82px);line-height:.92}.starting-soon-lead{max-width:44ch;color:var(--muted);margin:0;font-size:14px}.starting-soon-cta{gap:5px;display:grid}.starting-soon-cta-line{text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:clamp(17px,3vw,30px);font-weight:700;display:flex}.starting-soon-cta-line strong{font-family:var(--font-display);letter-spacing:0;font-weight:800}.starting-soon-cta-line.starting-soon-cta-code strong{color:color-mix(in srgb, var(--accent-ink) 88%, var(--text));font-size:clamp(20px,4vw,38px)}.starting-soon-chip{width:fit-content;padding:4px 7px}.starting-soon-chip strong{font-size:14px}.starting-soon-qr-card{padding:12px}.projector-main-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.projector-main-left{min-width:0}.projector-head{gap:5px;margin-bottom:14px;display:grid}.projector-kicker{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--accent-ink) 88%, var(--text));margin-bottom:8px;font-size:13px;font-weight:800;display:inline-block}.projector-meta-row{flex-wrap:wrap;gap:7px;margin-bottom:8px}.projector-meta-row .projector-kicker{margin:0}.projector-answered-pill{text-transform:uppercase;letter-spacing:.09em;color:color-mix(in srgb, var(--accent-ink) 94%, var(--text));background:color-mix(in srgb, var(--accent) 20%, var(--surface-soft));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.projector-title{letter-spacing:-.045em;margin:0;font-size:clamp(33px,7.2vw,82px);line-height:.96}.projector-choice-results{gap:30px;display:grid}.projector-bar-row{gap:3px;display:grid}.projector-bar-topline{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.projector-bar-topline span:first-child{font-size:clamp(18px,2vw,27px)}.projector-bar-topline span:last-child{text-align:right;width:100px;color:color-mix(in srgb, var(--accent-ink) 90%, var(--text));align-self:flex-end;font-size:20px}.projector-bar-label{min-width:0}.projector-bar-label.is-correct:after{content:" ✓";color:color-mix(in srgb, var(--success) 76%, var(--text));font-weight:900}.projector-bar-track{background:color-mix(in srgb, var(--surface) 94%, var(--text));border-radius:0;height:44px;overflow:hidden}.projector-bar-fill{background:color-mix(in srgb, var(--surface) 88%, var(--text));align-items:center;min-width:44px;height:100%;transition:width .36s cubic-bezier(.18,.8,.3,1);display:flex}.projector-bar-fill.is-leading{background:var(--accent)}.projector-bar-icon{width:44px;color:color-mix(in srgb, var(--text) 38%, transparent);text-transform:uppercase;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.projector-side{gap:11px;display:grid}.projector-qr-card{background:var(--surface);border:1px solid var(--gray);border-radius:10px;padding:10px}.projector-qr-image{aspect-ratio:1;object-fit:contain;width:min(100%,220px);margin-inline:auto;display:block}.projector-qr-label{text-align:center;text-transform:uppercase;letter-spacing:.09em;color:color-mix(in srgb, var(--muted) 94%, var(--text));margin:10px 0 0;font-size:11px;font-weight:700}.projector-qr-link{text-align:center;font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;word-break:break-word;margin:3px 0 0;font-size:clamp(14px,1.8vw,19px);font-weight:800;line-height:1}.projector-status-card{background:var(--accent);border-radius:8px;gap:1px;padding:8px 11px;display:grid}.projector-status-card span{letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 62%, transparent);font-size:9px;font-weight:700}.projector-status-card strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;font-size:20px;line-height:1.02}.projector-bottom-bar{background:color-mix(in srgb, var(--dark-surface) 78%, var(--text));height:29px;color:color-mix(in srgb, var(--ink-inverse) 94%, var(--surface));z-index:25;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:11px;padding:5px 12px;font-size:9px;font-weight:700;display:flex;position:fixed;bottom:0;left:0;right:0}.projector-bottom-left{color:var(--accent)}.projector-bottom-right{color:color-mix(in srgb, var(--ink-inverse) 82%, transparent);align-items:center;gap:14px;display:inline-flex}.header-live-stats-design{justify-content:flex-end;align-items:center;gap:4px}.live-chip-connected{background:var(--surface-soft);border-color:var(--gray)}.live-chip-connected strong{font-size:13px;line-height:1;font-family:var(--font-body);font-weight:700}.live-chip-compact{border-radius:8px;gap:3px;padding:3px 5px}.header-error{margin-top:4px}.header-icon-btn{border:1px solid var(--gray);width:27px;height:27px;color:color-mix(in srgb, var(--text) 76%, transparent);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.header-avatar{background:var(--info);width:27px;height:27px;color:var(--surface);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.app-bottom-bar{background:color-mix(in srgb, var(--dark-surface) 78%, var(--text));color:color-mix(in srgb, var(--ink-inverse) 94%, var(--surface));z-index:30;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:11px;height:29px;padding:5px 12px;font-size:9px;font-weight:700;display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottom-left{color:var(--accent)}.app-bottom-right{color:color-mix(in srgb, var(--ink-inverse) 84%, transparent);align-items:center;gap:14px;display:inline-flex}.app-bottom-status{color:var(--accent)}.projector-footer-url{font-family:var(--font-display);text-transform:none;letter-spacing:0;color:var(--accent);white-space:nowrap;font-size:13px;font-weight:800}.question-transition-stack{display:grid;position:relative;overflow:hidden}.question-transition-layer{will-change:transform;grid-area:1/1;min-width:0}.question-transition-layer-out{z-index:2;pointer-events:none;animation:.32s cubic-bezier(.3,.7,.4,1) forwards question-exit}.question-transition-layer-in{z-index:1;pointer-events:none;animation:.32s cubic-bezier(.22,.9,.3,1) forwards question-enter}@keyframes question-exit{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes question-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.audience-layout{grid-template-columns:1fr;align-items:start;gap:14px;padding:5px 1px 7px;display:grid}.audience-left{gap:14px;min-width:0;display:grid}.audience-right{gap:10px;display:grid}.audience-meta-row{flex-wrap:wrap;gap:9px}.audience-live-dot{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--danger) 62%, var(--accent-ink));align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.audience-live-dot:before{content:"";background:currentColor;border-radius:999px;width:5px;height:5px}.audience-live-dot.is-live{color:color-mix(in srgb, var(--danger) 78%, var(--accent))}.audience-answered-pill{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 66%, transparent);background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;align-items:center;padding:2px 7px;font-size:9px;font-weight:700;display:inline-flex}.audience-hero{letter-spacing:-.04em;margin:0;font-size:clamp(31px,5.4vw,69px);line-height:.95}.audience-prompt-accent{color:var(--text);text-underline-offset:.08em;text-decoration:underline;text-decoration-thickness:.22em;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.audience-feedback{border-left:5px solid;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:8px;max-width:720px;padding:10px 12px;display:grid}.audience-feedback p{font-size:15px;font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}.audience-feedback small{color:color-mix(in srgb, var(--text) 72%, transparent)}.audience-feedback.is-correct{background:color-mix(in srgb, var(--success) 14%, var(--accent));border-color:color-mix(in srgb, var(--success) 48%, var(--accent-ink));color:color-mix(in srgb, var(--success) 42%, var(--text))}.audience-feedback.is-wrong{background:color-mix(in srgb, var(--danger) 11%, var(--surface));border-color:color-mix(in srgb, var(--danger) 52%, var(--accent));color:color-mix(in srgb, var(--danger) 58%, var(--text))}.audience-choice-list{gap:8px;display:grid}.audience-option-card{border:1px solid var(--gray);background:var(--surface);text-align:left;min-height:74px;color:inherit;border-left:6px solid var(--gray);border-radius:0 10px 10px 0;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.audience-option-card:disabled{opacity:.8;cursor:not-allowed}.audience-option-card.is-selected{border-left-color:var(--accent)}.audience-option-card.feedback-selected-correct{background:var(--text);color:var(--ink-inverse)}.audience-option-card.feedback-selected-correct .audience-option-left small{color:color-mix(in srgb, var(--ink-inverse) 54%, transparent)}.audience-option-card.feedback-selected-correct .audience-option-right{color:var(--accent)}.audience-option-card.feedback-selected-wrong{background:color-mix(in srgb, var(--danger) 6%, var(--surface))}.audience-option-card.feedback-missed-correct{background:color-mix(in srgb, var(--accent) 7%, var(--surface));border-color:color-mix(in srgb, var(--accent) 24%, var(--line))}.audience-option-left{gap:2px;display:grid}.audience-option-left small{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--text) 42%, transparent);font-size:8px;font-weight:700}.audience-option-left strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:27px;line-height:1}.audience-option-right{color:color-mix(in srgb, var(--text) 64%, transparent);align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.audience-option-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 5px;font-size:9px;font-weight:700}.audience-option-badge.badge-selected-correct{color:var(--success);background:color-mix(in srgb, var(--success) 11%, var(--surface))}.audience-option-badge.badge-selected-wrong{color:color-mix(in srgb, var(--danger) 82%, var(--text));background:color-mix(in srgb, var(--danger) 13%, var(--surface))}.audience-option-badge.badge-missed-correct{color:color-mix(in srgb, var(--accent-ink) 88%, var(--danger));background:color-mix(in srgb, var(--accent) 26%, var(--surface))}.audience-total-card{border:1px solid color-mix(in srgb, var(--line) 82%, var(--surface));background:color-mix(in srgb, var(--bg) 62%, var(--surface));color:color-mix(in srgb, var(--text) 48%, transparent);text-transform:uppercase;letter-spacing:.13em;text-align:center;border-radius:8px;padding:11px;font-size:10px;font-weight:700}.audience-number-card{padding:14px}.host-layout{grid-template-columns:minmax(320px,430px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.host-left-column{gap:11px;display:grid}.host-card{padding:14px}.host-card h2,.host-card h3{font-size:27px}.host-card .muted{margin-top:3px;font-size:13px}.host-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.host-input-label{text-transform:uppercase;letter-spacing:.11em;color:color-mix(in srgb, var(--text) 66%, transparent);gap:5px;font-size:10px;font-weight:700;display:grid}.host-key-row{max-width:none;position:relative}.host-key-row .text-input{background:var(--surface-strong);padding-right:33px}.host-key-eye{color:color-mix(in srgb, var(--text) 48%, transparent);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.host-secondary-btn,.host-primary-btn{flex:1;justify-content:center;align-items:center;gap:5px;display:inline-flex}.host-secondary-btn{background:color-mix(in srgb, var(--surface) 94%, var(--text));border-color:var(--line);color:color-mix(in srgb, var(--text) 92%, var(--muted))}.host-primary-btn{background:var(--accent)}.host-next-phase-card{border:1px solid color-mix(in srgb, var(--line) 88%, var(--surface));background:var(--surface);border-left:5px solid var(--accent);border-radius:10px;gap:3px;padding:10px 11px;display:grid}.host-next-phase-card span{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--text) 48%, transparent);font-size:8px;font-weight:700}.host-next-phase-card p{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:24px}.host-next-phase-card small{color:color-mix(in srgb, var(--text) 66%, transparent)}.host-launch-btn{width:100%;min-height:56px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:6px;font-size:17px;display:inline-flex}.host-manual-row{flex-wrap:wrap;gap:6px;display:flex}.host-manual-row button{background:color-mix(in srgb, var(--surface) 94%, var(--text));border-color:var(--line)}.host-preview-card{background:var(--dark-surface);color:var(--ink-inverse);border:1px solid color-mix(in srgb, var(--dark-surface) 94%, var(--ink-inverse));border-radius:10px;grid-template-rows:auto auto auto 1fr auto;gap:11px;min-height:620px;padding:14px 16px;display:grid}.host-preview-card h3{letter-spacing:-.045em;max-width:15ch;margin:0;font-size:clamp(29px,4vw,56px);line-height:.95}.host-preview-top{justify-content:space-between;align-items:center;display:flex}.host-preview-top span{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:10px;font-weight:700}.host-preview-actions{color:color-mix(in srgb, var(--ink-inverse) 46%, transparent);gap:7px;display:inline-flex}.host-preview-question-count{text-transform:uppercase;letter-spacing:.11em;color:color-mix(in srgb, var(--ink-inverse) 44%, transparent);font-size:9px}.host-preview-results{gap:10px;margin-top:8px;display:grid}.host-preview-result-row{gap:3px;display:grid}.host-preview-result-top{text-transform:uppercase;font-family:var(--font-display);letter-spacing:-.01em;justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.host-preview-result-top span:last-child{color:var(--accent);font-size:14px}.host-preview-result-track{background:color-mix(in srgb, var(--ink-inverse) 13%, transparent);height:36px;overflow:hidden}.host-preview-result-fill{background:color-mix(in srgb, var(--ink-inverse) 42%, transparent);height:100%;transition:width .3s}.host-preview-result-fill.is-leading{background:var(--accent)}.host-preview-bottom{border-top:1px solid color-mix(in srgb, var(--ink-inverse) 16%, transparent);justify-content:space-between;align-items:end;gap:8px;margin-top:auto;padding-top:10px;display:flex}.host-preview-stat{gap:1px;display:grid}.host-preview-stat small{text-transform:uppercase;letter-spacing:.11em;color:color-mix(in srgb, var(--ink-inverse) 46%, transparent);font-size:8px}.host-preview-stat strong{font-size:18px;font-family:var(--font-display)}.host-preview-phase{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:5px 7px;font-size:9px;font-weight:700}.admin-app{max-width:960px;padding-bottom:49px}.admin-login-wrap{place-items:center;min-height:60vh;display:grid}.admin-login-card{background:var(--surface);border:1px solid var(--line);border-top:8px solid var(--accent);text-align:center;border-radius:14px;gap:11px;width:min(420px,100% - 20px);padding:20px;display:grid}.admin-login-card h2{font-family:var(--font-display);margin:0}.admin-login-icon{color:var(--accent-ink);margin-bottom:3px}.admin-header{justify-content:space-between;align-items:flex-start;gap:14px;padding:8px 0 4px;display:flex}.admin-header h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:30px}.admin-refresh-btn{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;padding:6px 10px;font-size:11px;display:inline-flex}.admin-refresh-btn .spin{animation:.7s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-create-card{margin-top:5px}.admin-create-card h3{font-family:var(--font-display);align-items:center;gap:5px;margin:0 0 10px;font-size:18px;display:flex}.admin-create-form{gap:10px;display:grid}.admin-create-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-field-label{text-transform:uppercase;letter-spacing:.11em;color:color-mix(in srgb, var(--text) 66%, transparent);gap:4px;font-size:10px;font-weight:700;display:grid}.admin-rooms-section{margin-top:11px}.admin-rooms-section>h3{font-family:var(--font-display);margin:0 0 9px;font-size:18px}.admin-rooms-grid{gap:10px;display:grid}.admin-room-card{transition:box-shadow .15s}.admin-room-card.is-expanded{box-shadow:0 2px 12px color-mix(in srgb, var(--text) 6%, transparent)}.admin-room-top{gap:7px;display:grid}.admin-room-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-room-name-row h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:19px}.admin-room-created{color:var(--muted);font-size:10px}.admin-room-stats-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-stat-chip{border:1px solid var(--line);background:var(--surface-soft);text-transform:uppercase;letter-spacing:.06em;border-radius:8px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.admin-stat-chip strong{font-family:var(--font-display);font-size:11px}.admin-room-host-key-row{align-items:center;gap:6px;display:flex}.admin-field-label-inline{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb, var(--text) 58%, transparent);font-size:9px;font-weight:700}.admin-host-key-value{font-size:11px;font-family:var(--font-mono);color:var(--text);letter-spacing:.02em}.admin-icon-btn{background:var(--surface-soft);border:1px solid var(--line);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.admin-room-actions{flex-wrap:wrap;gap:5px;display:flex}.admin-action-btn{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-soft);border:1px solid var(--line);color:var(--text);border-radius:8px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:inline-flex}.admin-action-btn:hover:not(:disabled){background:var(--surface-strong)}.admin-action-reset{color:color-mix(in srgb, var(--accent-ink) 52%, var(--danger));border-color:color-mix(in srgb, var(--accent-ink) 35%, var(--accent));background:color-mix(in srgb, var(--accent-ink) 9%, var(--surface))}.admin-action-reset:hover:not(:disabled){background:color-mix(in srgb, var(--accent-ink) 16%, var(--surface))}.admin-action-delete{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, var(--line));background:color-mix(in srgb, var(--danger) 6%, var(--surface))}.admin-action-delete:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 9%, var(--surface))}.admin-qr-section{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;place-items:center;gap:7px;margin-top:10px;padding:11px;display:grid}.admin-qr-image{border:1px solid color-mix(in srgb, var(--line) 58%, var(--surface));border-radius:6px;width:180px;height:180px}.admin-qr-url{text-align:center;word-break:break-all;color:var(--muted);margin:0;font-size:11px;font-weight:700}.admin-links-section{gap:6px;margin-top:7px;display:grid}.admin-questions-section{border-top:1px solid var(--line);margin-top:9px;padding-top:7px}.admin-questions-label{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb, var(--text) 52%, transparent);font-size:9px;font-weight:700}.admin-questions-list{gap:4px;margin-top:5px;display:grid}.admin-question-row{background:var(--surface-soft);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:flex}.admin-question-row.is-current{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 11%, var(--surface))}.admin-question-index{font-weight:700;font-family:var(--font-display);color:var(--accent-ink);min-width:22px;font-size:10px}.admin-question-prompt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.admin-question-phase{text-transform:uppercase;letter-spacing:.08em;background:var(--surface-strong);border-radius:999px;padding:1px 4px;font-size:8px;font-weight:700}.admin-question-phase.phase-open{color:var(--success);background:color-mix(in srgb, var(--success) 11%, var(--surface))}.admin-question-phase.phase-closed{color:color-mix(in srgb, var(--danger) 88%, var(--text));background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.admin-question-phase.phase-revealed{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 24%, var(--surface))}.admin-question-votes{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:700}@media (prefers-reduced-motion:reduce){.question-transition-layer-out,.question-transition-layer-in{animation:none}}@media (width<=900px){.app{width:calc(100% - 14px)}.app-projector{width:100%;margin:0}.header-top{flex-direction:column;align-items:stretch}.header-live-stats{width:100%}.header-live-stats-design{justify-content:flex-start}.live-chip-connected strong{font-size:14px}.audience-layout{grid-template-columns:1fr;gap:14px}.audience-hero{font-size:clamp(27px,9vw,46px)}.host-layout{grid-template-columns:1fr}.host-preview-card{min-height:0}.projector-title{font-size:clamp(30px,10vw,48px)}.projector-bar-track{height:30px}.projector-bar-topline span:first-child{font-size:14px}.projector-bar-topline span:last-child{font-size:17px}.header-panel-projector{padding:11px 10px}.projector-shell,.starting-soon-shell{width:calc(100% - 14px);padding-top:12px}.starting-soon-grid{grid-template-columns:1fr;gap:14px}.starting-soon-main{min-height:0}.starting-soon-title{font-size:clamp(30px,10vw,60px)}.projector-main-grid,.projector-side{grid-template-columns:1fr}.projector-bottom-bar{flex-direction:column;align-items:flex-start;gap:3px;height:auto;padding:5px 8px}.projector-bottom-right{flex-wrap:wrap;gap:7px}.app-bottom-bar{flex-direction:column;align-items:flex-start;gap:3px;height:auto;padding:5px 8px}.app-bottom-right{flex-wrap:wrap;gap:7px}.admin-create-fields{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:6px}}