:root{--bg:#0b0809;--bg-soft:#151011;--bg-warm:#1b1414;--cream:#fff2d4;--surface:#fff8e70e;--text:#fff7e8;--text-soft:#eadfce;--muted:#a9978a;--gold:#e6b37c;--coral:#ea877f;--rose:#d4847c;--border:#e6b37c29;--border-soft:#fff8e714;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(ellipse 100% 70% at 50% -10%, #e6b37c21, transparent 55%), radial-gradient(ellipse 80% 55% at 100% 100%, #ea877f1a, transparent 50%), linear-gradient(180deg, #120d0e 0%, var(--bg) 42%, #080607 100%);min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,p{overflow-wrap:anywhere}p{margin:0}a{color:var(--gold)}::selection{color:#211311;background:var(--gold)}.app-shell{width:100%;max-width:430px;min-height:100svh;padding:0 16px max(env(safe-area-inset-bottom), 36px);flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.landing{justify-content:center;padding:22px 20px;overflow-y:auto}.welcome-screen{text-align:center;flex-direction:column;gap:20px;display:flex;position:relative}.welcome-screen:before,.countdown-hero:before{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(circle at 50% 0,#e6b37c2e,#0000 44%),radial-gradient(circle at 18% 78%,#e8847c1f,#0000 34%);border-radius:42px;position:absolute;inset:-20px}.welcome-orb{color:#241513;background:linear-gradient(145deg,#ffecc7f5,#e4a56ff0 48%,#e8847cf0);border-radius:31px;place-items:center;width:82px;height:82px;margin:0 auto 2px;display:grid;box-shadow:0 24px 70px #d47e6547,inset 0 1px #ffffff73}.welcome-orb span{font-size:31px;transform:translate(2px)}.welcome-header{justify-items:center;gap:10px;display:grid}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:750}.welcome-header h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.65rem,13vw,4rem);font-weight:760;line-height:.92}.welcome-header .tagline{max-width:310px;color:var(--text-soft);font-size:1.12rem;line-height:1.45}.truth-card{background:#fff8e70a;border:1px solid #fff8e712;border-radius:20px;gap:6px;padding:11px 12px;display:grid;box-shadow:inset 0 1px #ffffff09}.truth-card span{color:var(--text-soft);font-size:.88rem;line-height:1.35}.truth-card span:first-child{color:var(--text);font-weight:650}.welcome-form{gap:13px;display:grid}.field-label{text-align:left;color:var(--muted);gap:8px;font-size:.78rem;font-weight:700;display:grid}.welcome-form input,.welcome-form .primary{text-align:center;min-height:58px;font-size:1.03rem}.join-toggle{color:var(--muted);font-size:.93rem}.join-toggle button{min-height:auto;color:var(--gold);background:0 0;border:0;padding:0;font-weight:760}.room-header{justify-content:space-between;align-items:center;gap:12px;padding:18px 0 2px;display:flex}.brand-lockup{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{color:#231311;background:linear-gradient(145deg, var(--cream), var(--gold) 52%, var(--coral));border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-size:15px;display:grid;box-shadow:0 14px 32px #e49e6f33}.brand-name,.mode-label{display:block}.brand-name{letter-spacing:-.025em;font-size:1.02rem;font-weight:760}.mode-label{color:var(--muted);margin-top:2px;font-size:.75rem;line-height:1.2}.room-pill{min-height:46px;color:var(--text);background:#fff8e70f;border-radius:18px;justify-items:center;gap:1px;padding:8px 12px;display:grid}.room-pill span{color:var(--gold);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;font-weight:800}.room-pill small,.drawer-toggle small,.secondary-action small{color:var(--muted);font-size:.68rem;font-weight:700}.room-strip{min-height:32px;color:var(--muted);align-items:center;gap:8px;padding:0 3px;font-size:.78rem;font-weight:650;display:flex}.connection-dot,.status-dot{background:#84e7a5;border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #84e7a561}.connection-dot.offline{background:var(--coral);box-shadow:0 0 16px #e8847c4d}.strip-divider{background:var(--border-soft);width:1px;height:12px}.setup-sheet{gap:10px;display:grid}.setup-section{background:#fff8e70e;border:1px solid #fff8e714;border-radius:24px;gap:12px;padding:15px;display:grid}.setup-section h2{color:var(--text);letter-spacing:-.025em;margin:5px 0 4px;font-size:1rem;font-weight:690}.setup-section p:not(.eyebrow){color:var(--muted);font-size:.86rem;line-height:1.42}.time-input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.time-input-row input{text-align:center;letter-spacing:.05em;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;font-weight:800}.time-input-row button,.copy-button{white-space:nowrap}.countdown-hero{text-align:center;background:radial-gradient(80% 60% at 50% 0,#fff8e712,#0000 55%),linear-gradient(#fff8e70f,#fff8e706);border:1px solid #fff8e714;border-radius:34px;align-content:center;justify-items:center;gap:18px;min-height:384px;padding:32px 18px 24px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0b,0 30px 90px #00000038}.hero-copy{justify-items:center;gap:8px;display:grid}.countdown-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:780}.countdown-number{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.075em;text-shadow:0 0 70px #e7b27747;font-size:clamp(5.3rem,28vw,8.4rem);font-weight:820;line-height:.88}.countdown-number.active{color:var(--gold);animation:.25s ease-out pulse}.countdown-number.play{color:var(--coral);letter-spacing:-.05em;font-size:clamp(4rem,21vw,6.4rem);animation:.5s ease-out glow}@keyframes pulse{0%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes glow{0%{text-shadow:0 0 70px #e8847cbf}to{text-shadow:0 0 76px #e8847c42}}.countdown-hint{max-width:292px;color:var(--text-soft);font-size:1rem;line-height:1.45}.partner-status{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.partner-chip{max-width:100%;color:var(--text-soft);background:#fff8e712;border:1px solid #fff8e714;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.84rem;font-weight:650;display:inline-flex}.partner-chip span:last-child{text-overflow:ellipsis;overflow:hidden}.partner-chip .status-dot{box-shadow:none;background:#fff8e747;flex:none}.partner-chip.ready{color:#eaffef;background:#84e7a51a;border-color:#84e7a547}.partner-chip.ready .status-dot{background:#84e7a5;box-shadow:0 0 14px #84e7a559}.partner-chip.ghost{color:var(--muted);border-style:dashed}.ready-button{color:#211311;background:linear-gradient(145deg, var(--cream), var(--gold) 54%, var(--coral));border:0;border-radius:20px;width:min(100%,330px);min-height:58px;font-size:1.07rem;font-weight:820;box-shadow:0 16px 46px #df936845,inset 0 1px #ffffff85}.ready-button.is-ready{color:var(--cream);background:#fff8e713;border:1px solid #e6b37c73;box-shadow:inset 0 1px #ffffff0f}.solo-preview{justify-items:center;gap:7px;display:grid}.solo-preview button{min-height:42px;color:var(--gold);background:#e6b37c14;border-color:#e6b37c2e;border-radius:999px;padding:9px 16px;font-size:.86rem}.solo-preview p{max-width:285px;color:var(--muted);font-size:.78rem;line-height:1.35}.alert-banner{color:var(--text-soft);background:#e8847c1f;border:1px solid #e8847c33;border-radius:20px;align-items:flex-start;gap:9px;padding:13px 14px;display:flex}.alert-banner strong{color:var(--coral);font-size:.86rem}.alert-banner span{flex:1;font-size:.86rem;line-height:1.35}.control-stack{gap:10px;margin-bottom:12px;display:grid}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.secondary-action,.drawer-toggle{min-width:0;min-height:48px;color:var(--text-soft);background:#fff8e70e;border-color:#fff8e714;border-radius:18px;font-size:.92rem}.secondary-action{justify-content:center;align-items:center;gap:6px;display:inline-flex}.chat-panel,.drawer-content{background:#fff8e70e;border:1px solid #fff8e714;border-radius:24px;padding:12px}.chat-messages{flex-direction:column;gap:7px;max-height:190px;padding:2px 0 12px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;padding:14px 6px;font-size:.88rem}.chat-bubble{max-width:82%;color:var(--text);background:#fff8e714;border-radius:18px;padding:10px 13px;font-size:.93rem;line-height:1.35}.chat-bubble.sent{color:#251413;background:linear-gradient(145deg, var(--cream), var(--gold) 54%, var(--coral));border-bottom-right-radius:6px;align-self:flex-end}.chat-bubble.received{border:1px solid #fff8e714;border-bottom-left-radius:6px;align-self:flex-start}.sender{color:var(--gold);margin-bottom:3px;font-size:.68rem;font-weight:800;display:block}.chat-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.chat-input-row input{border-radius:999px;min-height:46px}.chat-input-row button{color:#241413;background:linear-gradient(145deg, var(--cream), var(--gold) 54%, var(--coral));border:0;border-radius:999px;min-height:46px}.laptop-drawer{gap:10px;display:grid}.drawer-toggle{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;display:flex}.drawer-toggle.open{border-color:#e6b37c4d}.drawer-content{gap:13px;display:grid}.drawer-content p{color:var(--muted);font-size:.86rem;line-height:1.48}.pairing-info{gap:9px;margin:0;display:grid}.pairing-row{background:#00000021;border-radius:16px;gap:4px;padding:11px;display:grid}.pairing-row dt{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800}.pairing-row dd{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.35}.drawer-content>button{color:#251413;background:linear-gradient(145deg, var(--cream), var(--gold));border:0}.extension-status{color:var(--text-soft);background:#fff8e70e;border-radius:16px;padding:11px;font-size:.83rem;line-height:1.4}.status-toast{color:var(--text-soft);text-align:center;background:#fff8e714;border:1px solid #fff8e71a;border-radius:18px;padding:12px 14px;font-size:.88rem}.status-toast.floating{bottom:max(env(safe-area-inset-bottom), 14px);z-index:2;position:sticky}input{width:100%;min-height:52px;color:var(--text);font:inherit;background:#fff8e70e;border:1px solid #fff8e71a;border-radius:18px;padding:14px 15px;font-size:1rem}input::placeholder{color:#9d8f85c7}input:focus,button:focus-visible{border-color:#e6b37ca6;outline:none;box-shadow:0 0 0 4px #e6b37c24}button{min-height:50px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff8e70e;border:1px solid #fff8e71a;border-radius:18px;padding:12px 16px;font-weight:760;transition:transform .12s,border-color .16s,background .16s}button:active{transform:scale(.985)}.primary{color:#241413;background:linear-gradient(145deg, var(--cream), var(--gold) 54%, var(--coral));border:0;box-shadow:0 16px 46px #df93683d,inset 0 1px #ffffff7a}@media (width>=700px){.app-shell{max-width:460px}body:before{content:"";z-index:-1;background:#fff8e706;border:1px solid #fff8e70d;border-radius:48px;position:fixed;inset:28px calc(50% - 250px);box-shadow:0 36px 120px #0000006b}}.tv-remote-panel{gap:12px}.field-label.compact{gap:6px;font-size:.74rem}.field-label.compact input{min-height:46px;font-size:.92rem}.remote-button-row{grid-template-columns:1fr .72fr .72fr;gap:8px;display:grid}.remote-button-row button{border-radius:16px;min-height:46px;padding:0 10px;font-size:.84rem}.mode-caveat{color:var(--muted);margin:0;font-size:.78rem;line-height:1.4}