:root{--bg-base:#08080c;--text-primary:#f5f5f7;--text-muted:rgba(245,245,247,.6);--text-faint:rgba(245,245,247,.35);--border-faint:rgba(245,245,247,.12);--font-body:"BodySans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--aura-cyan:#3ce7e1;--aura-violet:#8b7cf6;--aura-magenta:#f13cd1;--aura-indigo:#5b5cf0;--aura-amber:#f6a93c}@font-face{font-family:Hatrik;src:url(/fonts/Hatrik.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BodySans;src:url(/fonts/Roboto.ttf) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:Hatrik,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.viewport{position:relative;width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center}.gradient-bg,.viewport{overflow:hidden;background:var(--bg-base)}.gradient-bg{position:absolute;inset:0;z-index:0}.gradient-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.host-shell{position:relative;z-index:1;width:360px;height:1080px;display:flex;flex-direction:column;overflow:hidden}.host-screen{flex:1 1;align-items:center;justify-content:center;text-align:center;padding:48px 32px;animation:screen-in .5s ease both}.host-screen,.player-shell{display:flex;flex-direction:column}.player-shell{position:relative;z-index:1;width:100%;max-width:480px;min-height:100vh;padding:32px 24px;box-sizing:border-box}.player-screen{flex:1 1;display:flex;flex-direction:column;animation:screen-in .5s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-weight:400;margin:0 0 8px}.brand-logo{width:140px;height:auto;margin-bottom:50px}.quiz-logo{width:300px;height:auto;margin:24px 0}.qr-code{width:160px;height:auto;margin-top:24px}.subtitle{font-size:40px;line-height:1.3;color:var(--text-primary);margin:0 0 32px}.subtitle strong{font-weight:400}.cta-text{font-size:20px;color:var(--text-muted);white-space:pre-line;line-height:1.6}.question-eyebrow{font-family:var(--font-body);font-size:13px;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.question-text{font-size:26px;font-weight:400;line-height:1.3;margin:0 0 28px}.progress-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border-faint);transition:background .3s ease,transform .3s ease}.progress-dot.is-done{background:var(--text-muted)}.progress-dot.is-current{background:var(--text-primary);transform:scale(1.3)}.answer-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.answer-button,.answer-list{font-family:var(--font-body)}.answer-button{text-align:left;padding:16px 18px;border-radius:14px;border:1px solid var(--border-faint);background:hsla(0,0%,100%,.04);color:var(--text-primary);font-size:16px;line-height:1.4;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .1s ease}.answer-button:hover{border-color:rgba(245,245,247,.3);background:hsla(0,0%,100%,.07)}.answer-button:active{transform:scale(.98)}.answer-button:disabled{opacity:.5;cursor:default}.primary-button{padding:16px 24px;border-radius:14px;border:none;background:var(--text-primary);color:#0a0a0c;font-size:16px;font-weight:400;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.primary-button:hover{opacity:.9}.primary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.4;cursor:default}.text-input{padding:16px 18px;border-radius:14px;border:1px solid var(--border-faint);background:hsla(0,0%,100%,.04);color:var(--text-primary);font-size:16px;outline:none;transition:border-color .2s ease}.text-input:focus{border-color:rgba(245,245,247,.4)}.text-input::placeholder{color:var(--text-faint)}.link-muted{color:var(--text-muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}.reveal-heading{font-size:40px;font-weight:400;line-height:1.05;margin:0 0 12px}.reveal-tagline{font-size:18px;color:var(--text-muted);margin:0 0 20px}.reveal-description{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--text-muted);max-width:300px}.waiting-position{font-size:64px;font-weight:400;margin:12px 0}.queue-overlay{position:fixed;top:16px;right:16px;z-index:10;background:rgba(0,0,0,.75);border:1px solid var(--border-faint);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--text-primary);min-width:180px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.queue-overlay h4{margin:0 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.queue-overlay ol{margin:0;padding-left:18px}.queue-overlay li{margin-bottom:4px}.queue-overlay .empty{color:var(--text-faint)}