:root{--bg-deep: #0d0f12;--bg-surface: #151820;--bg-elevated: #1c2029;--text-primary: #e8eaed;--text-muted: #8b929e;--accent: #f5a623;--accent-dim: #c4841a;--accent-glow: rgba(245, 166, 35, .25);--teal: #2dd4bf;--border: rgba(255, 255, 255, .08);--radius: 12px;--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--transition-fast: .18s ease;--transition-page: .42s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(245,166,35,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(45,212,191,.06),transparent),linear-gradient(180deg,#0d0f12,#111318)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover:not(:disabled){background:#252a35;border-color:#f5a62359;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);border-color:transparent;color:#0d0f12;font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffb840 0%,var(--accent) 100%);box-shadow:0 4px 24px var(--accent-glow);border-color:transparent}.btn-ghost{background:transparent}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:.9375rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:#f5a62380;box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}.label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.page-enter{animation:pageEnter var(--transition-page) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes syncPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px transparent}}.sync-pulse{animation:syncPulse 2s ease-in-out infinite}.error-text{color:#f87171;font-size:.875rem;margin-top:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button,.btn,.input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}@media(pointer:coarse){.btn,.input,select.input,.home__account-summary,.home__addons-summary{min-height:44px}}@media(prefers-reduced-motion:reduce){.page-enter,.sync-pulse{animation:none!important}.browse__card,.btn{transition:none!important}}:root[data-viewport=phone] .browse__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}:root[data-viewport=phone] .browse__card:hover{transform:none}:root[data-viewport=phone] .home__topbar{flex-direction:column;align-items:stretch;gap:.75rem}:root[data-viewport=phone] .home__party{flex-direction:column;align-items:stretch;margin-left:0;width:100%}:root[data-viewport=phone] .home__party-name,:root[data-viewport=phone] .home__code-input{width:100%}:root[data-viewport=phone] .home__party-join{display:flex;gap:.5rem}:root[data-viewport=phone] .home__party-join .home__code-input{flex:1}:root[data-viewport=phone] .home__account{margin-left:0}:root[data-viewport=phone] .tsearch{width:100%}:root[data-viewport=phone] .room__layout{grid-template-columns:1fr}:root[data-viewport=phone] .room__stream-row,:root[data-viewport=phone] .room__chat-input{flex-direction:column;align-items:stretch}:root[data-viewport=phone] .room__code-wrap{margin-left:0;flex-wrap:wrap}:root[data-viewport=phone] .home--browse{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}:root[data-viewport=phone] .home--browse .home__topbar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));margin-left:calc(-1*max(1rem,env(safe-area-inset-left)));margin-right:calc(-1*max(1rem,env(safe-area-inset-right)))}:root[data-viewport=phone] .app-shell{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}:root[data-viewport=phone] .app-shell__topbar{flex-direction:column;align-items:stretch;gap:.75rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));margin-left:calc(-1*max(1rem,env(safe-area-inset-left)));margin-right:calc(-1*max(1rem,env(safe-area-inset-right)))}:root[data-viewport=phone] .app-shell__account{margin-left:0;flex-wrap:wrap}:root[data-viewport=phone] .app-shell__account{margin-left:0;flex-wrap:wrap;width:100%}:root[data-viewport=phone] .room{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom))}:root[data-viewport=tablet] .browse__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}:root[data-viewport=tv] body:after{opacity:.02}:root[data-viewport=tv] .home--browse{padding:0 clamp(2.5rem,5vw,5rem) 4rem}:root[data-viewport=tv] .browse__grid{grid-template-columns:repeat(auto-fill,minmax(clamp(240px,15vw,340px),1fr));gap:clamp(1.25rem,2vw,2rem)}:root[data-viewport=tv] .browse__poster{border-radius:14px}:root[data-viewport=tv] .browse__title{font-size:1rem}:root[data-viewport=tv] .browse__card:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:14px}:root[data-viewport=tv] .browse__card:focus-visible .browse__poster,:root[data-viewport=tv] .browse__card:hover .browse__poster{transform:scale(1.04);box-shadow:0 10px 32px #00000080}:root[data-viewport=tv] .room{max-width:1600px}:root[data-viewport=tv] .room__layout{grid-template-columns:1fr 380px;gap:2rem}:root[data-viewport=tv] .room__messages{max-height:320px}