:root{color-scheme:dark;--bg:#0c0d0f;--panel:#15171a;--panel-2:#1c1f23;--line:#2a2e34;--text:#f5f6f7;--muted:#9ba3ad;--accent:#e5a00d;--good:#63d471;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#22252a 0,var(--bg) 42%);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.landing,.shell{width:min(1380px,calc(100% - 32px));margin:0 auto;padding-bottom:80px}.topbar{height:72px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(12,13,15,.78)}.topbar,.topbar>div{display:flex;align-items:center}.topbar>div{gap:10px}.topbar nav{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:14px}.brand-mark{color:var(--accent);font-size:22px}.user-chip{padding:8px 12px;border-radius:999px;background:var(--panel-2);color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu[open] .user-chip{background:#272b30}.account-popover{position:absolute;right:0;top:calc(100% + 10px);width:210px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#181b1f;box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:40}.account-identity{padding:9px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:5px}.account-identity span,.account-identity strong{display:block}.account-identity strong{color:var(--text);font-size:13px}.account-identity span{color:var(--muted);font-size:11px;margin-top:2px}.account-popover a,.account-popover button{width:100%;display:flex;align-items:center;border:0;background:transparent;color:var(--text);padding:10px;border-radius:9px;font-size:13px;text-align:left}.account-popover a:hover,.account-popover button:hover{background:#24282d}.account-popover button{color:#ff9a9a}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;grid-gap:18px;gap:18px;margin-top:22px;align-items:start}.panel{background:linear-gradient(180deg,rgba(31,34,39,.98),rgba(19,21,24,.98));border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.now-playing{padding:22px;min-height:0}.panel-head{display:flex;justify-content:space-between;gap:20px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em}h1,h2,p{margin-top:0}h1{font-size:clamp(26px,3.4vw,38px);margin:7px 0 10px;line-height:1.08}h2{margin:6px 0 0;font-size:28px}.status{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em;padding:7px 10px;border-radius:999px;height:-moz-fit-content;height:fit-content;background:#2b2f34}.status.playing{color:var(--good)}.timeline{height:6px;background:#2b2f35;border-radius:999px;overflow:hidden;margin-top:18px}.timeline-fill{height:100%;background:linear-gradient(90deg,#b57900,var(--accent))}.time-row{margin-top:9px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.time-row strong{color:var(--text)}.stats{margin:16px 0 14px}.stats,.stats>div{display:flex;gap:8px}.stats>div{flex:1 1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);align-items:baseline}.stats span,.stats strong{display:block}.stats strong{font-size:20px;line-height:1}.stats span{color:var(--muted);font-size:11px;margin-top:0;line-height:1.25}.reaction-strip{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.reaction-strip::-webkit-scrollbar{display:none}.reaction-strip button{flex:0 0 auto;width:38px;height:36px;border:1px solid var(--line);background:#1d2024;border-radius:10px;font-size:18px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.reaction-strip button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);border-color:#65531d;background:#25282d}.reaction-strip button.sending,.reaction-strip button:active:not(:disabled){transform:scale(.88);border-color:var(--accent)}.reaction-strip button:disabled{cursor:default;opacity:.72}.reaction-burst{position:absolute;right:62px;bottom:55px;z-index:9;pointer-events:none;font-size:34px;animation:moment-reaction-burst 1.05s ease-out forwards;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}@keyframes moment-reaction-burst{0%{opacity:0;transform:translateY(10px) scale(.65) rotate(-8deg)}18%{opacity:1;transform:translateY(0) scale(1.22) rotate(5deg)}55%{opacity:1;transform:translateY(-18px) scale(1) rotate(-3deg)}to{opacity:0;transform:translateY(-50px) scale(.82) rotate(8deg)}}.primary,.secondary,.send-button{border:0;border-radius:11px;font-weight:800;padding:12px 16px}.primary,.send-button{background:var(--accent);color:#111}.primary.big{font-size:17px;padding:15px 24px}.secondary{color:var(--text);border:1px solid var(--line);background:transparent;width:100%}.secondary.compact-action{padding:9px 12px;font-size:12px}.party-host-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.party-host-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.party-host-copy strong{font-size:12px}.party-host-copy span{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.danger-action{color:#ff8b8b;border-color:rgba(255,100,100,.28)!important;flex:0 0 auto}.party-feedback{font-size:11px;margin-top:6px}.party-feedback.success{color:#6ddc8b}.party-feedback.error{color:#ff8b8b}.empty-state{display:grid;place-items:center;min-height:300px;text-align:center;color:var(--muted);padding:30px}.empty-state p{max-width:500px;font-size:18px;color:var(--text)}.empty-state span{font-size:12px}.conversation{overflow:hidden;display:flex;flex-direction:column;height:500px}.tabs{display:flex;gap:8px;padding:14px;border-bottom:1px solid var(--line)}.tabs button{background:transparent;border:0;color:var(--muted);padding:9px 12px;border-radius:10px;font-weight:700}.tabs button.active{color:var(--text);background:#292d32}.feed{flex:1 1;padding:16px;overflow-y:auto}.feed-empty{height:100%;min-height:220px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:30px}.message{padding:12px 14px;border-radius:14px;margin-bottom:8px;background:rgba(255,255,255,.035)}.message>div{display:flex;gap:10px;align-items:baseline}.message strong{font-size:13px}.message span{font-size:11px;color:var(--muted)}.message p{margin:5px 0 0;line-height:1.45}.composer-shell{position:relative;border-top:1px solid var(--line)}.composer{display:flex;gap:8px;padding:14px}.composer-input-wrap{position:relative;flex:1 1;min-width:0}.composer input{width:100%;min-width:0;background:#0f1113;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px 48px 12px 14px;outline:none}.composer input:focus{border-color:#65531d}.reaction-trigger{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:18px;transition:background .12s ease,transform .12s ease}.reaction-trigger.active,.reaction-trigger:hover:not(:disabled){background:#292d32}.reaction-trigger:active:not(:disabled){transform:translateY(-50%) scale(.9)}.reaction-trigger:disabled{opacity:.4;cursor:default}.reaction-picker{position:absolute;right:14px;bottom:68px;z-index:8;width:max-content;max-width:calc(100% - 28px);padding:10px;border:1px solid #3a3f46;border-radius:14px;background:#17191c;box-shadow:0 16px 48px rgba(0,0,0,.48)}.reaction-picker-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.reaction-picker-head small{color:var(--text);font-size:10px;font-weight:700;letter-spacing:0}.reaction-toast{position:absolute;left:14px;bottom:68px;z-index:7;max-width:calc(100% - 120px);padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#15171a;box-shadow:0 8px 24px rgba(0,0,0,.35);color:var(--muted);font-size:11px}.reaction-toast.success{color:var(--good)}.reaction-toast.error{color:#ff8d8d}.spoiler-note{padding:0 14px 14px;color:var(--muted);font-size:11px}.section-block{margin-top:54px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-title>span{color:var(--muted);font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.media-card,.party-card,.placeholder{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:14px;min-height:102px}.media-card{display:flex;gap:12px;align-items:center}.poster-placeholder{width:52px;height:72px;display:grid;place-items:center;background:#292d32;border-radius:8px;font-weight:900;font-size:22px;color:var(--accent)}.media-card span,.media-card strong,.party-card small,.party-card span,.party-card strong{display:block}.media-card span,.party-card small,.party-card span{color:var(--muted);font-size:12px;margin-top:5px}.party-card{display:flex;flex-direction:column;gap:3px}.live-dot,.scheduled-dot{text-transform:uppercase;font-size:10px;font-weight:800;margin-bottom:8px}.live-dot{color:#ff6969}.scheduled-dot{color:var(--accent)}.placeholder{display:grid;place-items:center;color:var(--muted);text-align:center;grid-column:1/-1}.settings-list{border:1px solid var(--line);border-radius:16px;overflow:hidden}.settings-list label{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;background:var(--panel);border-bottom:1px solid var(--line)}.settings-list label:last-child{border-bottom:0}.settings-list input{accent-color:var(--accent);width:18px;height:18px}.landing-hero{padding:110px 0 90px;max-width:830px}.landing-hero h1{font-size:clamp(54px,8vw,104px);letter-spacing:-.055em;margin:14px 0 28px}.landing-hero p{color:#b1b8c0;font-size:clamp(18px,2.2vw,24px);line-height:1.5;max-width:760px}.auth-note{color:var(--muted);font-size:12px;line-height:1.5;max-width:620px;margin-top:14px}.auth-feedback{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,100,100,.24);border-radius:10px;background:rgba(255,80,80,.06);max-width:620px}.primary:disabled{opacity:.65;cursor:default}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:12px}.trust-row span{border:1px solid var(--line);border-radius:999px;padding:8px 10px}.landing-preview{max-width:720px;margin-bottom:80px}.preview-room{margin-top:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.preview-room>small,.preview-room>span,.preview-room>strong{display:block}.preview-room>small,.preview-room>span{color:var(--muted);margin-top:6px}.fake-comment{margin:24px 0 12px;padding:14px;background:var(--panel-2);border-radius:12px}.fake-comment b{margin-right:10px}.fake-comment span{color:var(--muted);font-size:11px}.fake-comment p{margin:5px 0 0}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.onboarding-card{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px}.onboarding-card>p{color:var(--muted);line-height:1.5}.stack{display:grid;grid-gap:16px;gap:16px;margin-top:26px}.stack label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px}.stack input{background:#0f1113;color:var(--text);border:1px solid var(--line);padding:13px 14px;border-radius:11px}.error{color:#ff8d8d;font-size:13px}.loader{color:var(--muted)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:12px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation{height:500px}.topbar nav>a{display:none}}@media (max-width:560px){.landing,.shell{width:min(100% - 20px,1380px)}.topbar{height:62px}.topbar nav{gap:8px}.hero-grid{margin-top:12px}.now-playing{padding:16px;border-radius:18px}.panel-head{gap:10px}.panel-head h1{font-size:30px;margin-bottom:6px}.status{padding:6px 8px;font-size:10px}.timeline{margin-top:13px}.time-row{margin-top:7px}.stats{margin:12px 0 11px;gap:7px}.stats>div{padding:8px 9px;border-radius:10px;gap:6px}.stats strong{font-size:18px}.stats span{font-size:10px}.reaction-strip{gap:6px}.reaction-strip button{width:36px;height:34px;font-size:17px}.reaction-picker{right:10px;bottom:62px}.reaction-burst{right:54px;bottom:50px}.reaction-toast{left:10px;bottom:62px;max-width:calc(100% - 94px)}.conversation{height:470px;border-radius:18px}.tabs{padding:10px}.tabs button{padding:8px 10px}.feed{padding:12px}.composer{padding:10px}.composer input{padding:11px 44px 11px 12px}.reaction-trigger{right:4px;width:34px;height:32px}.send-button{padding:10px 13px}.spoiler-note{padding:0 10px 10px;font-size:10px}.card-grid{grid-template-columns:1fr}.landing-hero{padding:72px 0 54px}.landing-hero h1{font-size:56px}.section-title{align-items:start;flex-direction:column;gap:8px}.account-popover{position:fixed;top:68px;right:10px;width:220px}}