:root{--ink-950: #10111b;--ink-900: #171927;--ink-800: #24273a;--paper-50: #faf8f5;--paper-100: #f1eee9;--vibe-coral: #ff5c6c;--vibe-orange: #ff8a4c;--vibe-violet: #7968f5;--vibe-blue: #4f8cff;--border-light: #e4e1e8;--border-dark: #34364a;--void: #08090f;--surface-0: #0d0f18;--surface-1: #14161f;--surface-2: #1b1e2b;--surface-3: #242838;--text: #f8f7fc;--text-secondary: #c6c8d6;--text-muted: #8a8d9f;--text-faint: #82869a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--hairline: rgba(255, 255, 255, .06);--coral: #ff5c6c;--coral-soft: #ff8a94;--orange: #ff8a4c;--violet: #7968f5;--violet-soft: #a89bff;--blue: #4f8cff;--accent: var(--coral);--accent-ink: #1a0a0e;--accent-soft: var(--coral-soft);--interactive: var(--violet);--link: var(--blue);--focus: var(--accent);--success: #43c995;--warning: #ffc266;--danger: #ff7182;--glow-coral: radial-gradient(circle at 50% 50%, rgba(255, 92, 108, .5), transparent 70%);--glow-violet: radial-gradient(circle at 50% 50%, rgba(121, 104, 245, .42), transparent 70%);--brand-gradient: linear-gradient(100deg, var(--accent) 0%, var(--accent-soft) 52%, var(--accent) 100%);--grain-opacity: .05;transition:--void var(--motion-slow) var(--ease-out),--surface-0 var(--motion-slow) var(--ease-out),--surface-1 var(--motion-slow) var(--ease-out),--surface-2 var(--motion-slow) var(--ease-out),--surface-3 var(--motion-slow) var(--ease-out),--accent var(--motion-slow) var(--ease-out);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .75);--shadow-coral: 0 12px 40px -12px rgba(255, 92, 108, .55);--shadow-violet: 0 12px 40px -12px rgba(121, 104, 245, .5);--font-display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--text-display: clamp(34px, 9vw, 46px);--text-title: clamp(24px, 6vw, 30px);--text-section: 19px;--text-body: 15.5px;--text-supporting: 13.5px;--text-meta: 11.5px;--leading-tight: 1.05;--leading-snug: 1.25;--leading-body: 1.55;--tracking-display: -.035em;--tracking-tight: -.02em;--tracking-wide: .14em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 10px;--radius-card: 20px;--radius-lg: 26px;--radius-button: 14px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-instant: 90ms;--motion-fast: .14s;--motion-base: .22s;--motion-slow: .42s}:root[data-theme=light]{--void: #efeae2;--surface-0: #faf8f5;--surface-1: #ffffff;--surface-2: #f3efe9;--surface-3: #e9e3da;--text: #17181f;--text-secondary: #3d3f4d;--text-muted: #666878;--text-faint: #63656f;--border: rgba(23, 24, 31, .1);--border-strong: rgba(23, 24, 31, .18);--hairline: rgba(23, 24, 31, .07);--accent-ink: #ffffff;--success: #168a63;--warning: #b96b12;--danger: #c63e50;--shadow-sm: 0 1px 2px rgba(60, 40, 20, .08);--shadow-md: 0 10px 30px -12px rgba(60, 40, 20, .22);--shadow-lg: 0 30px 70px -24px rgba(60, 40, 20, .28);--shadow-coral: 0 14px 40px -14px rgba(255, 92, 108, .5);--shadow-violet: 0 14px 40px -14px rgba(121, 104, 245, .45);--grain-opacity: .035}*,*:before,*:after{box-sizing:border-box}button{font:inherit;color:inherit;letter-spacing:inherit;background:none;border:none;padding:0;margin:0;text-align:inherit}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--void);color:var(--text);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color var(--motion-slow) var(--ease-out),color var(--motion-slow) var(--ease-out)}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;overflow:hidden;background:var(--void)}.atmosphere:before,.atmosphere:after{content:"";position:absolute;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.atmosphere:before{top:-22vw;right:-18vw;background:var(--theme-glow-a, var(--glow-coral));animation:drift-a 26s var(--ease-out) infinite alternate}.atmosphere:after{bottom:-28vw;left:-22vw;background:var(--theme-glow-b, var(--glow-violet));opacity:.42;animation:drift-b 32s var(--ease-out) infinite alternate}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-6vw,5vw,0) scale(1.16)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.1)}to{transform:translate3d(7vw,-6vw,0) scale(.94)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:2;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin:0}.display{font-family:var(--font-display);font-size:var(--text-display);font-weight:800;letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0 0 var(--space-3)}.screen-title{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;letter-spacing:var(--tracking-display);margin:var(--space-2) 0 var(--space-5)}.section-title{font-size:var(--text-section);font-weight:700}.eyebrow{font-size:var(--text-meta);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.auth-eyebrow{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-secondary)}.auth-eyebrow-dot{color:var(--accent);font-weight:800}.meta{color:var(--text-muted);font-size:var(--text-meta);letter-spacing:.01em}.muted{color:var(--text-secondary);font-size:var(--text-supporting)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.app-shell{max-width:620px;margin:0 auto;padding:var(--space-4) var(--space-5) 132px}.stack>*+*{margin-top:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2)}.spread{justify-content:space-between}.price{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.plain-list{list-style:none;margin:0;padding:0}.plain-list>li+li{margin-top:var(--space-1)}.plain-list>li{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.plain-list>li:last-child{border-bottom:none}.grow{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:color-mix(in srgb,var(--void) 78%,transparent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--hairline)}.wordmark{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:var(--tracking-display)}.wordmark .dot{width:7px;height:7px;border-radius:50%;background:var(--brand-gradient);box-shadow:0 0 12px #ff5c6ce6;transform:translateY(-2px)}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 var(--space-3);color:var(--text-secondary);background:color-mix(in srgb,var(--surface-2) 70%,transparent);border:1px solid var(--border);border-radius:var(--radius-button);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.icon-button:hover{color:var(--text);background:var(--surface-3)}.icon-button:active{transform:scale(.94)}.badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius-pill);box-shadow:0 0 0 3px var(--void),var(--shadow-coral)}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--interactive) 18%,transparent);border:1px solid color-mix(in srgb,var(--interactive) 40%,transparent);border-radius:var(--radius-pill);white-space:nowrap}.chip.tiny{font-size:10px;padding:0 6px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-banner{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--hairline);margin-bottom:var(--space-3)}.now-playing{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border-radius:var(--radius-card);background:linear-gradient(100deg,color-mix(in srgb,var(--interactive) 22%,transparent),color-mix(in srgb,var(--coral) 18%,transparent));border:1px solid color-mix(in srgb,var(--interactive) 35%,transparent)}.eq{display:inline-flex;align-items:flex-end;gap:3px;height:18px;flex:0 0 auto}.eq i{width:3px;height:100%;background:var(--text);border-radius:2px;transform-origin:bottom;animation:eq-bounce .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.16s}.eq i:nth-child(3){animation-delay:.32s}@keyframes eq-bounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.ticket-card{margin:0 var(--space-4) var(--space-3);border-color:color-mix(in srgb,var(--interactive) 45%,transparent)}.live-cta{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;margin-bottom:var(--space-3);border-color:color-mix(in srgb,var(--coral) 45%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--coral) 16%,transparent),color-mix(in srgb,var(--interactive) 14%,transparent))}.live-cta .meta{flex:1;min-width:0}.invite-banner{margin:0 var(--space-4) var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:linear-gradient(120deg,color-mix(in srgb,var(--interactive) 24%,transparent),color-mix(in srgb,var(--coral) 16%,transparent));border:1px solid color-mix(in srgb,var(--interactive) 40%,transparent)}@media (prefers-reduced-motion: reduce){.eq i{animation:none;transform:scaleY(.6)}.empty-icon{animation:none}}.vibe-line{margin:4px 0 0;font-size:var(--text-supporting);color:var(--text-muted);animation:vibe-in .6s var(--ease-out) both}@keyframes vibe-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin:var(--space-2) 0 var(--space-4);animation:header-in .32s var(--ease-out) both}.screen-header-text{min-width:0}.screen-subtitle{margin:4px 0 0;font-size:var(--text-supporting);color:var(--text-muted);max-width:46ch}@keyframes header-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.screen-header,.vibe-line{animation:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-0) 82%,transparent);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-top:1px solid var(--hairline)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:var(--space-1);background:none;border:none;border-radius:var(--radius-button);cursor:pointer;font-size:10.5px;font-weight:600;letter-spacing:.01em;color:var(--text-faint);transition:color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.bottom-nav button svg{width:22px;height:22px;stroke-width:1.9}.bottom-nav button:active{transform:scale(.92)}.bottom-nav button[aria-current=page]{color:var(--text)}.bottom-nav button[aria-current=page] svg{color:var(--accent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 70%,transparent))}.bottom-nav .create span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-top:-18px;color:var(--accent-ink);background:var(--brand-gradient);border-radius:var(--radius-pill);box-shadow:var(--shadow-coral),inset 0 1px #ffffff59;transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) var(--ease-out)}.bottom-nav .create:hover span{transform:translateY(-2px) scale(1.05)}.bottom-nav .create:active span{transform:scale(.9)}.card{position:relative;padding:var(--space-5);background:linear-gradient(168deg,color-mix(in srgb,var(--surface-2) 92%,transparent),color-mix(in srgb,var(--surface-1) 96%,transparent));border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-md);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.card.interactive{cursor:pointer;transition:transform var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.card.interactive:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.card h3{font-size:var(--text-section)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-5);font-family:var(--font-body);font-size:var(--text-body);font-weight:600;letter-spacing:-.01em;color:var(--text);background:color-mix(in srgb,var(--surface-3) 78%,transparent);border:1px solid var(--border);border-radius:var(--radius-button);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{color:var(--accent-ink);background:var(--brand-gradient);border-color:transparent;box-shadow:var(--shadow-coral),inset 0 1px #ffffff4d}.btn.primary:hover:not(:disabled){box-shadow:0 16px 48px -12px #ff5c6cb3,inset 0 1px #ffffff59;filter:brightness(1.04)}.btn.violet{color:#fff;background:linear-gradient(140deg,var(--interactive),#5b48e0);border-color:transparent;box-shadow:var(--shadow-violet)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn.ghost:hover:not(:disabled){background:color-mix(in srgb,var(--surface-3) 60%,transparent);color:var(--text)}.btn.danger{color:var(--danger);background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 14%,transparent)}.btn.block{width:100%}.btn.small{min-height:34px;padding:6px 12px;font-size:var(--text-meta);border-radius:var(--radius-button);gap:5px}.profile-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-grid .card.stat{display:flex;flex-direction:column;gap:4px;padding:var(--space-4)}.stat-num{font-family:var(--font-display);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.qr-frame{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-card);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface-3) 55%,transparent);color:var(--text)}.post.sponsored{border:1px solid color-mix(in srgb,var(--interactive) 35%,var(--border));background:color-mix(in srgb,var(--interactive) 5%,transparent)}.btn:disabled{opacity:.45;cursor:not-allowed}label{display:block;font-size:var(--text-supporting);font-weight:500;color:var(--text-secondary);margin-bottom:6px}input,textarea,select{width:100%;min-height:46px;padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--text-body);color:var(--text);background:color-mix(in srgb,var(--void) 55%,transparent);border:1px solid var(--border);border-radius:var(--radius-button);margin-bottom:var(--space-3);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{padding:var(--space-3) var(--space-4);min-height:96px;line-height:var(--leading-body);resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--interactive) 65%,transparent);background:color-mix(in srgb,var(--void) 35%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--interactive) 18%,transparent)}select{background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-8)}.pill-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-2);scrollbar-width:none}.pill-row::-webkit-scrollbar{display:none}.host-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.host-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-3);text-align:left;border-radius:var(--radius-card);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 62%,transparent);color:var(--text);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.host-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.host-tile strong{font-size:var(--text-supporting)}@media (prefers-reduced-motion: reduce){.host-tile:hover{transform:none}}.pill{flex:0 0 auto;min-height:44px;padding:0 var(--space-4);display:inline-flex;align-items:center;font-size:var(--text-supporting);font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-2) 60%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast) var(--ease-out)}.pill:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.pill[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,var(--interactive),#5b48e0);border-color:transparent;box-shadow:var(--shadow-violet)}.pill:disabled{opacity:.4;cursor:not-allowed}.avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;border-radius:var(--radius-pill);background:var(--brand-gradient);box-shadow:var(--shadow-sm),inset 0 1px #ffffff47}.avatar.sm{width:34px;height:34px;font-size:13px}.avatar.violet{background:linear-gradient(140deg,var(--interactive),var(--blue))}.avatar.coral{background:linear-gradient(140deg,var(--coral),var(--orange))}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;padding:0;cursor:pointer;border-radius:var(--radius-pill);line-height:0}.avatar-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.audience-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:var(--text-meta);font-weight:600;letter-spacing:.01em;color:var(--text-muted);background:color-mix(in srgb,var(--surface-3) 60%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill)}.sponsored-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(120deg,var(--orange),var(--coral));border-radius:var(--radius-pill)}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:var(--text-meta);font-weight:700;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted);background:color-mix(in srgb,var(--surface-3) 50%,transparent)}.status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-chip.verified{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 12%,transparent)}.status-chip.reported{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,transparent);background:color-mix(in srgb,var(--warning) 12%,transparent)}.status-chip.disputed,.status-chip.removed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);font-size:var(--text-supporting);color:var(--text-secondary);background:color-mix(in srgb,var(--surface-2) 70%,transparent);border:1px solid var(--border);border-left:3px solid var(--interactive);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.notice.warning{border-left-color:var(--warning);color:var(--warning)}.notice.danger{border-left-color:var(--danger);color:var(--danger)}.notice.success{border-left-color:var(--success);color:var(--success)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-12) var(--space-5);color:var(--text-secondary)}.empty svg{width:40px;height:40px;color:var(--text-faint);margin-bottom:var(--space-2)}.skeleton{height:108px;border-radius:var(--radius-card);background:linear-gradient(100deg,color-mix(in srgb,var(--surface-2) 60%,transparent) 30%,color-mix(in srgb,var(--surface-3) 80%,transparent),color-mix(in srgb,var(--surface-2) 60%,transparent) 70%);background-size:220% 100%;animation:shimmer 1.5s linear infinite;margin-bottom:var(--space-3)}@keyframes shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}.option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);text-align:left;color:var(--text);background:color-mix(in srgb,var(--surface-1) 70%,transparent);border:1px solid var(--border);border-radius:var(--radius-button);cursor:pointer;overflow:hidden;transition:all var(--motion-fast) var(--ease-out)}.option:hover:not(:disabled){border-color:var(--border-strong);transform:translate(2px)}.option[aria-pressed=true]{border-color:color-mix(in srgb,var(--interactive) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--interactive) 60%,transparent),0 0 24px -8px #7968f5b3}.option:disabled{cursor:default}.option-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--interactive) 34%,transparent),transparent);transition:width var(--motion-slow) var(--ease-out);pointer-events:none}.option-label,.option-count{position:relative;z-index:1}.option-label{font-weight:600}.option-count{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-supporting);color:var(--text-secondary)}.feed-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.feed-author{position:relative;font-family:var(--font-display);font-weight:700;font-size:var(--text-body);letter-spacing:-.01em}.feed-author:after{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.feed-body{margin:0 0 var(--space-3);font-size:16px;line-height:var(--leading-body);color:var(--text);text-wrap:pretty}.feed-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--hairline)}.react-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;min-width:44px;justify-content:center;padding:0 var(--space-3);font-size:var(--text-supporting);font-weight:600;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--motion-fast) var(--ease-out)}.react-btn:hover{color:var(--text);background:color-mix(in srgb,var(--surface-3) 60%,transparent)}.react-btn[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.react-btn svg{width:19px;height:19px}.react-btn[aria-pressed=true] svg{fill:currentColor;animation:pop var(--motion-base) var(--ease-spring)}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--void) 62%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade-in var(--motion-base) var(--ease-out)}.sheet-inner{width:100%;max-width:620px;max-height:90vh;overflow-y:auto;padding:var(--space-3) var(--space-5) calc(var(--space-8) + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--surface-1),var(--surface-0));border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);animation:sheet-up var(--motion-slow) var(--ease-out)}.sheet-handle{width:40px;height:4px;margin:0 auto var(--space-4);background:var(--border-strong);border-radius:var(--radius-pill)}.sheet-card{width:100%;max-width:620px;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-5) calc(var(--space-8) + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--surface-1),var(--surface-0));border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);animation:sheet-up var(--motion-slow) var(--ease-out)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--hairline)}.sheet-head h2{margin:0;font-size:var(--text-section);letter-spacing:var(--tracking-tight)}.event-banner{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-card);margin-bottom:var(--space-3);background:var(--surface-3)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.auth-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-5) var(--space-12);max-width:520px;margin:0 auto}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);animation:rise var(--motion-slow) var(--ease-out) both}.brand-orb{position:relative;width:52px;height:52px;border-radius:16px;background:var(--brand-gradient);box-shadow:var(--shadow-coral),inset 0 1px #fff6}.brand-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:var(--glow-coral);filter:blur(16px);opacity:.75;z-index:-1}.brand-name{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:var(--tracking-display)}.reveal{animation:rise var(--motion-slow) var(--ease-out) both}.reveal:nth-child(1){animation-delay:40ms}.reveal:nth-child(2){animation-delay:.12s}.reveal:nth-child(3){animation-delay:.2s}.reveal:nth-child(4){animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-form{animation:rise var(--motion-slow) var(--ease-out) both}.row-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) 0;background:none;border:none;border-bottom:1px solid var(--hairline);cursor:pointer;text-align:left;color:inherit;transition:color var(--motion-fast) var(--ease-out)}.row-link:last-child{border-bottom:none}.row-link:hover{color:var(--accent)}.divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--text-faint);font-size:var(--text-meta);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--hairline)}.progress-track{height:6px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-3) 70%,transparent);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--brand-gradient);transition:width var(--motion-slow) var(--ease-out)}.stat{font-family:var(--font-display);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-label{font-size:var(--text-meta);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stream{display:flex;flex-direction:column}.post{padding:var(--space-4) 0 var(--space-2);border-bottom:1px solid var(--hairline)}.post-type-tag{display:inline-flex;align-items:center;gap:5px;margin-bottom:var(--space-2);padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-meta);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--tag, var(--accent));background:color-mix(in srgb,var(--tag, var(--accent)) 13%,transparent);border:1px solid color-mix(in srgb,var(--tag, var(--accent)) 30%,transparent)}.post.type-poll{--tag: #6fa8ff;padding-left:var(--space-3);border-left:2px solid color-mix(in srgb,var(--tag) 55%,transparent)}.post.type-announcement{--tag: var(--accent);padding-left:var(--space-3);border-left:3px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 42%)}.post.type-announcement .post-body{font-weight:600}.post.type-video{--tag: #ff7ab8}.post.type-video .post-media{border-color:color-mix(in srgb,var(--tag) 30%,var(--border))}.post.type-carousel{--tag: #4fe0c6}.post.type-carousel .post-media-grid{grid-template-columns:1fr 1fr;gap:3px;background:var(--surface-0)}.post-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.post-body{margin:0 0 var(--space-2);font-size:16px;line-height:var(--leading-body);color:var(--text);text-wrap:pretty}.inset{margin:var(--space-2) 0 var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--surface-1) 70%,transparent);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.post-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--space-1);margin-top:var(--space-1);min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.post-actions::-webkit-scrollbar{display:none}.post-actions .react-btn{min-height:44px;padding:0 var(--space-2);flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-actions .react-btn[aria-label]{flex:0 0 auto}.post-actions .react-btn>svg{flex:0 0 auto}.post-actions .react-btn:hover{background:color-mix(in srgb,var(--surface-3) 55%,transparent)}.composer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--hairline)}.composer-open{display:block;padding:var(--space-4) 0;border-bottom:1px solid var(--hairline)}.composer-prompt{flex:1;min-height:44px;padding:0 var(--space-4);text-align:left;font-size:var(--text-body);color:var(--text-muted);background:color-mix(in srgb,var(--surface-2) 60%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.composer-prompt:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-3) 60%,transparent)}.composer-tools{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.tool-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--space-3);font-size:var(--text-supporting);font-weight:600;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--motion-fast) var(--ease-out)}.tool-btn:hover{color:var(--text);border-color:var(--border-strong)}.tool-btn.violet:hover{color:var(--accent-soft);border-color:color-mix(in srgb,var(--interactive) 60%,transparent)}.tool-btn.coral:hover{color:var(--coral-soft);border-color:color-mix(in srgb,var(--coral) 60%,transparent)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-10) var(--space-5);margin:var(--space-4) 0;background:color-mix(in srgb,var(--surface-1) 55%,transparent);border:1px dashed var(--border-strong);border-radius:var(--radius-card);color:var(--text-secondary)}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:var(--space-1);color:var(--accent-soft);background:color-mix(in srgb,var(--interactive) 14%,transparent);border-radius:var(--radius-pill);animation:empty-float 5s var(--ease-out) infinite alternate}@keyframes empty-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.empty-icon svg{width:26px;height:26px}.empty-title{font-family:var(--font-display);font-size:var(--text-section);font-weight:700;color:var(--text)}.empty-text{max-width:34ch;font-size:var(--text-supporting);line-height:var(--leading-body);color:var(--text-muted)}.empty .btn{margin-top:var(--space-3)}.post-media{margin:var(--space-2) 0 var(--space-3);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--hairline);background:var(--surface-1)}.post-media img{display:block;width:100%;max-height:560px;object-fit:cover}.media-video{display:block;width:100%;max-height:560px;background:#000;object-fit:contain}.post-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.post-media-grid img{max-height:260px}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);background:color-mix(in srgb,var(--surface-1) 60%,transparent);border:1px dashed var(--border-strong);border-radius:var(--radius-card);cursor:pointer}.dropzone:hover{border-color:var(--interactive);color:var(--text-secondary)}.thumb-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.thumb{position:relative;width:84px;height:84px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb video{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;top:4px;right:4px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#0009;border:none;border-radius:var(--radius-pill);cursor:pointer}.menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:60;min-width:220px;max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);animation:fade-in var(--motion-fast) var(--ease-out)}.menu-head{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-2)}.menu-group{margin:var(--space-2) 0 2px;padding:0 var(--space-3);font-size:var(--text-meta);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.menu-group:first-of-type{margin-top:0}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-3);text-align:left;font-size:var(--text-body);font-weight:600;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-button);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.menu-item:hover{color:var(--text);background:color-mix(in srgb,var(--surface-3) 70%,transparent)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:color-mix(in srgb,var(--danger) 14%,transparent)}.toast-host{position:fixed;left:50%;transform:translate(-50%);bottom:calc(76px + env(safe-area-inset-bottom));z-index:70;width:min(560px,calc(100% - var(--space-5) * 2));display:flex;justify-content:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--interactive);border-radius:var(--radius-sm);box-shadow:0 12px 32px #00000052;color:var(--text);font-size:var(--text-supporting);animation:fade-in var(--motion-base) var(--ease-out)}.toast.success{border-left-color:var(--success)}.toast.danger{border-left-color:var(--danger)}.toast-action{flex:none;min-height:44px;padding:0 var(--space-3);background:none;border:none;color:var(--interactive);font-weight:600;font-size:var(--text-supporting);cursor:pointer;border-radius:var(--radius-sm)}.toast-action:hover{background:color-mix(in srgb,var(--interactive) 14%,transparent)}.toast-close{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.comment-row{display:flex;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-2)}.comment-replies{margin-top:var(--space-2);margin-left:var(--space-5);padding-left:var(--space-3);border-left:2px solid var(--hairline)}.comment-actions{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.comment-actions button{background:none;border:none;padding:0;min-height:32px;color:var(--text-muted);font-size:var(--text-meta);cursor:pointer}.comment-actions button:hover{color:var(--text-secondary);text-decoration:underline}.comment-deleted{color:var(--text-faint);font-style:italic}.comment-editor{margin-top:var(--space-2);display:flex;gap:var(--space-2);align-items:flex-start}.room-card{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.state-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-meta);font-weight:600;padding:2px 9px;border-radius:var(--radius-pill);border:1px solid var(--hairline);color:var(--text-muted);white-space:nowrap}.state-live{color:var(--danger);border-color:var(--danger)}.state-starting_soon{color:var(--accent);border-color:var(--accent)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.host-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-meta);padding:1px 7px;border-radius:var(--radius-pill);border:1px solid var(--interactive);color:var(--interactive)}.room-posts{list-style:none;padding:0;margin:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-2)}.room-post{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3)}.room-post p{margin:var(--space-1) 0 0}.spoiler{margin-top:var(--space-1);display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--text-muted);background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 6px,transparent 6px,transparent 12px);border:1px dashed var(--hairline);border-radius:var(--radius-button);padding:var(--space-2) var(--space-3)}:focus-visible{outline:3px solid var(--interactive);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.post-body,.bio,.meta,.feed-author,.menu-head,.screen-title{overflow-wrap:anywhere}@media (max-width: 720px){:root{--space-5: 16px;--space-8: 24px}.app-shell{padding:var(--space-3) var(--space-4) 120px}.topbar{padding:var(--space-3) var(--space-4)}}@media (max-width: 480px){:root{--space-4: 12px;--space-5: 14px}.app-shell{padding:var(--space-3) var(--space-3) 112px}.topbar{padding:var(--space-2) var(--space-3)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media-grid{grid-template-columns:1fr}.sheet-inner,.sheet-card{padding:var(--space-3) var(--space-3) calc(var(--space-6) + env(safe-area-inset-bottom))}.menu{min-width:0;width:min(78vw,260px);max-height:calc(100vh - 176px)}.toast-host{width:calc(100% - var(--space-3) * 2)}.dropzone{min-width:0;width:100%}}@media (max-width: 360px){.post-actions{overflow-x:auto;padding-bottom:2px}}.switch-wrap{align-items:center}.switch{position:relative;display:inline-block;width:44px;height:26px;border-radius:999px;background:color-mix(in srgb,var(--surface-3) 80%,transparent);border:1px solid var(--border-strong);transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out);flex:0 0 auto}.switch.on{background:var(--interactive);border-color:var(--interactive)}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:transform var(--motion-fast) var(--ease-out)}.switch.on .switch-knob{transform:translate(18px)}.switch-state{min-width:22px;font-weight:600;color:var(--text-muted)}.switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.switch-wrap:focus-within .switch{outline:2px solid var(--accent-soft);outline-offset:2px}@media (prefers-reduced-motion: reduce){.switch,.switch-knob{transition:none}}.studio{position:relative;padding-bottom:var(--space-6)}.studio-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--void) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.studio-title{font-weight:700;letter-spacing:var(--tracking-display)}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--text-meta);font-weight:700;letter-spacing:.06em;color:#fff;background:var(--danger)}.live-dot.connecting{background:var(--accent);animation:live-pulse 1s infinite}.energy{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-4)}.energy-flame{font-size:18px}.energy-track{flex:1;height:8px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);overflow:hidden}.energy-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width .4s var(--ease-out)}.energy-value{font-variant-numeric:tabular-nums;font-weight:700}.stage{margin:0 var(--space-4) var(--space-3)}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-3)}.stage-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface-2) 60%,transparent);border:1px solid var(--hairline);transition:box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.stage-seat.speaking{border-color:color-mix(in srgb,var(--interactive) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--interactive) 45%,transparent),0 8px 24px -12px var(--interactive);transform:translateY(-2px);animation:seat-pulse 1.4s ease-in-out infinite}.stage-seat.muted{opacity:.6}@keyframes seat-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--interactive) 40%,transparent),0 8px 24px -12px var(--interactive)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--interactive) 55%,transparent),0 10px 30px -10px var(--interactive)}}.stage-name{font-size:var(--text-meta);font-weight:600;max-width:80px}.stage-role{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stage-mute{position:absolute;top:6px;right:6px;color:var(--danger)}.stage-controls{position:absolute;bottom:-8px;display:flex;gap:4px}.mini{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--hairline);font-size:12px;cursor:pointer}.burst-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;overflow:hidden}.burst{position:absolute;bottom:18%;font-size:26px;animation:burst-rise 2.2s var(--ease-out) forwards;will-change:transform,opacity}@keyframes burst-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-60vh) scale(1.3) rotate(12deg);opacity:0}}.react-bar{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-3);overflow-x:auto;padding-bottom:4px}.react-emoji{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--surface-2) 70%,transparent);border:1px solid var(--hairline);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out)}.react-emoji:active{transform:scale(1.18)}.react-emoji.gift{color:var(--accent)}.studio-dock{position:sticky;bottom:0;z-index:30;padding-top:var(--space-2);background:linear-gradient(to bottom,transparent,var(--surface-1) 28%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-3)}.mic-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-strong);background:var(--surface-2)}.mic-btn.live{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));color:var(--text)}.mic-btn-label{font-weight:600}.mic-meter{display:inline-block;width:54px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 30%,transparent);overflow:hidden}.mic-meter-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));transition:width 90ms linear}.mic-state{flex-basis:100%}.hands,.audience{margin:0 var(--space-4) var(--space-3)}.audience-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.audience-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:var(--text-meta);background:color-mix(in srgb,var(--surface-2) 60%,transparent);border:1px solid var(--hairline)}@media (prefers-reduced-motion: reduce){.stage-seat.speaking,.burst,.energy-fill,.live-dot{animation:none!important;transition:none!important}}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--space-2)}.game-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-3);border-radius:var(--radius-lg, 14px);background:color-mix(in srgb,var(--surface-2) 70%,transparent);border:1px solid var(--hairline);text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.game-tile:hover{transform:translateY(-2px);border-color:var(--accent, #6ee7ff)}.game-tile-icon{font-size:26px;line-height:1}.game-tile-name{font-weight:600;font-size:var(--text-body, 15px)}.chip-live{background:color-mix(in srgb,#ff4d6d 30%,transparent);border-color:#ff4d6d}.game-market{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4)}.hand-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-button{background:none;border:none;padding:0;cursor:pointer;transition:transform .12s ease}.card-button:hover:not(.disabled){transform:translateY(-4px)}.card-button.disabled{opacity:.35;cursor:not-allowed}.playing-card{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:72px;border-radius:8px;background:#fbfbf7;color:#16181d;border:1px solid rgba(0,0,0,.18);box-shadow:0 2px 6px #00000040;font-weight:700}.playing-card-shape{font-size:22px;line-height:1}.playing-card-number{font-size:13px}.playing-card.circle{color:#1f7a3d}.playing-card.triangle{color:#b8860b}.playing-card.cross{color:#1e6fd9}.playing-card.square{color:#8a2be2}.playing-card.star{color:#c0392b}.playing-card.whot{background:#16181d;color:#ffd23f;border-color:#ffd23f}.playing-card.std.red{color:#c0392b}.line-grid{display:grid;gap:3px;margin:0 auto}.line-grid.cols-3{grid-template-columns:repeat(3,56px)}.line-grid.cols-7{grid-template-columns:repeat(7,44px)}.line-grid.cols-15{grid-template-columns:repeat(15,24px)}.line-cell{aspect-ratio:1;border-radius:6px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 60%,transparent);font-size:22px;line-height:1;cursor:pointer}.line-grid.gravity .line-cell{border-radius:50%}.line-cell:disabled{opacity:.7;cursor:default}.checker-grid{display:grid;grid-template-columns:repeat(8,34px);gap:0;margin:0 auto;border:2px solid var(--hairline)}.checker-cell{width:34px;height:34px;border:none;font-size:18px;cursor:pointer}.checker-cell.light{background:#d9d2c3}.checker-cell.dark{background:#6b5844}.checker-cell.sel{outline:2px solid var(--accent, #6ee7ff);outline-offset:-2px}.battle-grid{display:grid;grid-template-columns:repeat(10,24px);gap:2px;margin:0 auto}.battle-cell{width:24px;height:24px;border-radius:3px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 60%,transparent);cursor:pointer}.battle-cell.ship{background:#55606e}.battle-cell.hit{background:#c0392b}.battle-cell.miss{background:#4a5568;opacity:.6}.battle-cell.incoming{background:#b8860b}.dots-grid{display:grid;gap:0;margin:0 auto;align-items:center;justify-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.edge{width:100%;height:4px;border:none;background:var(--hairline);cursor:pointer;border-radius:2px}.edge.taken{background:var(--accent, #6ee7ff)}.box{width:100%;height:100%;display:grid;place-items:center;font-size:12px;color:var(--text-faint)}.box.owned{background:color-mix(in srgb,var(--accent, #6ee7ff) 25%,transparent);color:var(--text)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.theme-swatch{min-height:62px;border-radius:var(--radius-sm);border:2px solid transparent;padding:var(--space-2);cursor:pointer;display:flex;align-items:flex-end;font-size:var(--text-meta);font-weight:600;letter-spacing:.01em;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.theme-swatch:hover{transform:translateY(-2px)}.theme-swatch.sel{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 20%,transparent)}.theme-swatch-name{line-height:1.15}.kind-tagline{margin:calc(-1 * var(--space-2)) 0 var(--space-2)}.kind-panel{background:color-mix(in srgb,var(--surface-2) 82%,transparent);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);margin:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-2)}.scoreboard .score-line{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-display);letter-spacing:var(--tracking-tight)}.scoreboard .score-team{flex:1;text-align:center;font-size:var(--text-supporting);font-weight:600}.scoreboard .score-num{font-size:clamp(30px,9vw,42px);font-weight:700;line-height:1}.scoreboard .score-sep{font-size:var(--text-section);color:var(--text-muted)}.scoreboard .score-input{max-width:76px;text-align:center}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.queue-item{display:flex;align-items:center;gap:var(--space-3)}.queue-index{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);font-size:var(--text-meta);font-weight:700}.conversation-row{padding:var(--space-4) var(--space-4)}.conversation-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--text-supporting)}.conversation-row .badge{flex:0 0 auto}.search-field{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);min-height:46px;background:color-mix(in srgb,var(--void) 55%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted)}.search-field input{margin-bottom:0;border:none;background:none;padding:0;min-height:44px}.search-field input:focus{box-shadow:none}.thread{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.thread-head{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--hairline);position:sticky;top:0;background:color-mix(in srgb,var(--void) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.thread-body{display:flex;flex-direction:column;gap:var(--space-2);flex:1;padding:var(--space-2) 0 var(--space-4)}.thread-empty{text-align:center;color:var(--text-muted);padding:var(--space-10) 0}.bubble-row{display:flex;align-items:flex-end;gap:var(--space-2)}.bubble-row.mine{justify-content:flex-end}.bubble{position:relative;max-width:78%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);font-size:var(--text-body);line-height:var(--leading-body);word-break:break-word}.bubble.theirs{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:var(--radius-sm)}.bubble.mine{color:#fff;background:linear-gradient(140deg,var(--interactive),#5b48e0);border-bottom-right-radius:var(--radius-sm)}.bubble.sending{opacity:.7}.bubble-author{display:block;font-size:var(--text-meta);font-weight:700;color:var(--accent-soft);margin-bottom:2px}.bubble-body{display:block;white-space:pre-wrap}.bubble-deleted{font-style:italic;opacity:.75}.bubble-media{display:grid;gap:4px;margin-bottom:var(--space-2)}.bubble-media img{max-width:100%;border-radius:var(--radius-sm);display:block}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;font-size:10.5px;opacity:.75}.bubble-delete{align-self:center;color:var(--text-muted);opacity:0;transition:opacity var(--motion-fast) var(--ease-out);min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.bubble-row:hover .bubble-delete{opacity:1}.bubble-delete:hover{color:var(--danger)}.thread-composer{position:sticky;bottom:0;padding-top:var(--space-3);border-top:1px solid var(--hairline);background:color-mix(in srgb,var(--void) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.gift-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-4) var(--space-2);background:color-mix(in srgb,var(--surface-3) 55%,transparent);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.gift-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-3)}.gift-option:disabled{cursor:default}.gift-option[aria-pressed=true]{border-color:color-mix(in srgb,var(--interactive) 60%,transparent);background:color-mix(in srgb,var(--interactive) 14%,transparent)}.gift-art{display:grid;place-items:center;height:44px}.gift-emoji{font-size:26px;line-height:1}.gift-label{font-weight:600;font-size:var(--text-supporting)}.gift-check{position:absolute;top:6px;right:6px;color:var(--accent-soft);display:inline-flex}.paid-gift-sheet{max-height:min(88vh,720px);overflow-y:auto}.paid-gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2)}.paid-gift-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-card);border:1px solid var(--border);background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--interactive) 14%,transparent),transparent 70%),color-mix(in srgb,var(--surface-3) 55%,transparent);color:var(--text);cursor:pointer;transform-style:preserve-3d;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.paid-gift-tile:hover,.paid-gift-tile:focus-visible{transform:translateY(-4px) rotateX(8deg) scale(1.04);box-shadow:0 10px 24px color-mix(in srgb,var(--interactive) 24%,transparent),0 2px color-mix(in srgb,var(--interactive) 30%,transparent);border-color:color-mix(in srgb,var(--interactive) 55%,var(--border))}.paid-gift-tile.selected{border-color:color-mix(in srgb,var(--interactive) 70%,transparent);background:color-mix(in srgb,var(--interactive) 16%,transparent)}.paid-gift-tile .paid-gift-emoji{display:grid;place-items:center;height:46px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));transform:translateZ(18px)}.paid-gift-tile.tier-3 .paid-gift-emoji{filter:drop-shadow(0 4px 6px rgba(0,0,0,.45)) drop-shadow(0 0 14px color-mix(in srgb,var(--interactive) 60%,transparent))}.paid-gift-name{font-weight:600;font-size:var(--text-supporting)}.paid-gift-rarity{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-muted)}.paid-gift-rarity.r2{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.paid-gift-rarity.r3{color:var(--accent-ink);background:var(--accent);border-color:transparent}.paid-gift-price{font-size:var(--text-meta);color:var(--text-muted)}.paid-gift-burst{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:60;perspective:900px}.paid-gift-burst span{font-size:88px;animation:paid-gift-pop 1.4s cubic-bezier(.2,.9,.2,1) forwards;filter:drop-shadow(0 12px 28px rgba(0,0,0,.5))}@keyframes paid-gift-pop{0%{transform:translateZ(-320px) scale(.2) rotateX(40deg);opacity:0}35%{transform:translateZ(60px) scale(1.15) rotateX(0);opacity:1}to{transform:translateZ(180px) scale(1.6);opacity:0}}.wallet-balance{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);border-radius:var(--radius-card);border:1px solid var(--border);background:radial-gradient(140% 100% at 0% 0%,color-mix(in srgb,var(--interactive) 22%,transparent),transparent 65%),var(--surface-2)}.wallet-amount{font-size:34px;font-weight:700;letter-spacing:var(--tracking-display)}.wallet-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.wallet-row:last-child{border-bottom:none}@media (prefers-reduced-motion: reduce){.paid-gift-tile{transition:none}.paid-gift-tile:hover,.paid-gift-tile:focus-visible{transform:none}.paid-gift-tile .paid-gift-emoji,.paid-gift-tile.tier-2 .paid-gift-emoji,.paid-gift-tile.tier-3 .paid-gift-emoji{transform:none}.paid-gift-burst span{animation:none;opacity:1}}.ad-banner{display:block;width:100%;margin-top:var(--space-3);padding:0;border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;background:var(--surface-3);cursor:pointer;aspect-ratio:1200 / 628}.ad-banner img{width:100%;height:100%;object-fit:cover;display:block}.ad-banner:hover img{opacity:.94}.gift-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden;display:grid;place-items:center}.gift-burst-hero{position:relative;display:grid;place-items:center;animation:gift-hero 1.8s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}.gift-burst-hero svg{animation:gift-hero-spin 1.8s cubic-bezier(.16,1,.3,1) forwards}.gift-burst-ring{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:3px solid var(--gift-glow, var(--accent));opacity:0;animation:gift-ring 1.1s var(--ease-out, ease-out) forwards}.gift-burst-ring.delay{animation-delay:.18s}.gift-burst.tier-2 .gift-burst-ring{border-width:4px}.gift-burst.tier-3 .gift-burst-ring{border-width:5px}.gift-burst-count{position:absolute;right:-.1em;bottom:.1em;font-size:clamp(26px,8vw,48px);font-weight:800;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.65);letter-spacing:-.02em}@keyframes gift-hero{0%{transform:scale(.3) rotate(-12deg);opacity:0}18%{transform:scale(1.18) rotate(6deg);opacity:1}32%{transform:scale(1) rotate(0);opacity:1}75%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.35) translateY(-40px);opacity:0}}@keyframes gift-hero-spin{0%{transform:rotate(0) scale(1)}32%{transform:rotate(-6deg) scale(1.06)}60%{transform:rotate(4deg) scale(1)}to{transform:rotate(0) scale(1)}}@keyframes gift-ring{0%{transform:scale(.4);opacity:.9}to{transform:scale(9);opacity:0}}.gift-burst-float{position:absolute;bottom:-60px;animation:gift-float 2s cubic-bezier(.25,.8,.3,1) forwards;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));will-change:transform,opacity}@keyframes gift-float{0%{transform:translate(0) scale(.6) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(var(--drift, 0px),-110vh) scale(1.1) rotate(24deg);opacity:0}}.gift-burst-label{position:absolute;bottom:12%;padding:8px 16px;border-radius:999px;background:color-mix(in srgb,var(--surface-1) 82%,transparent);border:1px solid var(--border);color:var(--text);font-weight:600;animation:gift-label 2s var(--ease-out, ease) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes gift-label{0%{transform:translateY(14px);opacity:0}20%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1}to{transform:translateY(-8px);opacity:0}}@media (prefers-reduced-motion: reduce){.gift-burst-hero{animation:none;opacity:1}.gift-burst-hero svg{animation:none}.gift-burst-ring,.gift-burst-float{display:none}.gift-burst-label{animation:none;opacity:1}}.profile-card{margin-top:var(--space-3);border-radius:var(--radius-card);padding:var(--space-5);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-4);aspect-ratio:4 / 5;max-width:340px;width:100%;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-md)}.profile-card-top{display:flex;align-items:baseline;justify-content:space-between}.profile-card-wordmark{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:var(--tracking-display)}.profile-card-handle{font-size:var(--text-meta);opacity:.7}.profile-card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center}.profile-card-name{margin:0;font-size:26px;letter-spacing:var(--tracking-display)}.profile-card-bio{margin:0;font-size:var(--text-supporting);opacity:.85;line-height:1.45}.profile-card-topics{display:flex;flex-wrap:wrap;gap:6px}.profile-card-topic{font-size:var(--text-meta);font-weight:600;padding:3px 10px;border-radius:var(--radius-pill)}.profile-card-foot{font-size:var(--text-meta);opacity:.7}.card-editorial{background:#fff;color:#14161c;border-top:5px solid #5b5bd6}.card-editorial .profile-card-topic{background:#ececfb;color:#3f3fa8}.card-midnight{background:#14161c;color:#f4f5f8;border-top:5px solid #8b8bf0}.card-midnight .profile-card-topic{background:#8b8bf038;color:#c9c9ff}.card-sun{background:#fdf6ec;color:#2a2118;border-top:5px solid #e0663c}.card-sun .profile-card-topic{background:#f7e0d1;color:#a3401f}.atmosphere:before{opacity:.6}.atmosphere:after{opacity:.5}.atmosphere .atmosphere-rig{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55}.mode-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2)}.mode-card{display:flex;flex-direction:column;gap:3px;padding:var(--space-3);text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.mode-card:hover{border-color:var(--border-strong)}.mode-card.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-1));color:var(--text)}.mode-card-title{font-weight:600;font-size:14px;color:var(--text)}.mode-card-sub{font-size:12px;color:var(--text-muted);line-height:1.35}.env-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.env-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-height:92px;padding:var(--space-3);border-radius:var(--radius-card);border:1px solid var(--border);overflow:hidden;text-align:left;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.env-tile.featured{min-height:118px;border-color:color-mix(in srgb,var(--env-accent, var(--accent)) 40%,var(--border))}.env-tile:hover{transform:translateY(-3px);box-shadow:0 14px 34px -16px color-mix(in srgb,var(--env-accent, var(--accent)) 70%,transparent)}.env-tile.sel{border-color:var(--env-accent, var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--env-accent, var(--accent)) 45%,transparent),0 14px 34px -16px color-mix(in srgb,var(--env-accent, var(--accent)) 80%,transparent)}.env-tile-preview{display:flex;align-items:flex-end;gap:5px;height:30px;width:100%}.env-tile-surface{flex:1;height:100%;border-radius:6px;border:1px solid rgba(255,255,255,.07)}.env-tile-surface:nth-child(1){height:70%}.env-tile-surface:nth-child(2){height:100%}.env-tile-accent{width:12px;height:100%;border-radius:6px;box-shadow:0 0 14px color-mix(in srgb,var(--env-accent, var(--accent)) 80%,transparent)}.env-tile-name{font-weight:700;font-size:var(--text-supporting);letter-spacing:-.01em}.env-tile-meta{font-size:var(--text-meta);text-transform:capitalize}.env-tile-check{position:absolute;top:8px;right:10px;color:var(--env-accent, var(--accent));font-weight:800}@media (prefers-reduced-motion: reduce){.env-tile{transition:none}.env-tile:hover{transform:none}}.marquee{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-5);border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));overflow:hidden;isolation:isolate;background:linear-gradient(160deg,color-mix(in srgb,var(--surface-2) 92%,transparent),var(--surface-0) 78%)}.marquee-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(90% 120% at 88% -20%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 60%),radial-gradient(70% 90% at 0% 120%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%)}.marquee:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,var(--accent) 55%,transparent) 22px 23px);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}.marquee-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0}.marquee-eyebrow{font-size:var(--text-meta);font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent)}.marquee-name{margin:0;font-family:var(--font-display);font-size:clamp(28px,7vw,40px);font-weight:800;letter-spacing:var(--tracking-display);line-height:1}.marquee-blurb{margin:0;color:var(--text-secondary);max-width:44ch}.marquee-meta{display:flex;flex-wrap:wrap;gap:6px}.marquee-cta{margin-top:var(--space-2)}.marquee-art{display:grid;place-items:center;filter:drop-shadow(0 26px 44px rgba(0,0,0,.6))}.marquee-art svg{animation:marquee-breathe 6s var(--ease-out, ease) infinite}@keyframes marquee-breathe{0%,to{transform:translateY(-5px) scale(1)}50%{transform:translateY(5px) scale(1.015)}}@media (max-width: 560px){.marquee{grid-template-columns:1fr}.marquee-art{justify-self:end;margin-top:calc(-1 * var(--space-3))}.marquee-art svg{width:116px;height:116px}}.live-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--space-2)}.live-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-3);text-align:left;border-radius:var(--radius-card);border:1px solid var(--border);background:linear-gradient(165deg,color-mix(in srgb,var(--surface-2) 78%,transparent),var(--surface-0));cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.live-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 16px 34px -20px color-mix(in srgb,var(--accent) 85%,transparent)}.live-card-top{display:flex;align-items:center;justify-content:space-between;width:100%}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted);flex:none}.live-dot.playing{background:#37d67a;box-shadow:0 0 0 4px #37d67a29;animation:live-pulse 2.4s var(--ease-out, ease) infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 0 4px #37d67a29}50%{box-shadow:0 0 0 8px #37d67a0d}}.world-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-2)}.world-tile{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);text-align:left;border-radius:var(--radius-card);border:1px solid var(--border);overflow:hidden;cursor:pointer;background:linear-gradient(150deg,color-mix(in srgb,var(--surface-2) 80%,transparent),var(--surface-0));transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.world-tile:hover{transform:translateY(-2px);border-color:var(--border-strong)}.world-tile[aria-pressed=true]{border-color:color-mix(in srgb,var(--world, var(--accent)) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--world, var(--accent)) 40%,transparent)}.world-tile-swatch{width:40px;height:40px;flex:none;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(150deg,var(--world-from, var(--surface-3)),var(--world-to, var(--surface-1)));box-shadow:inset 0 1px #ffffff2e}.world-tile-body{display:flex;flex-direction:column;min-width:0;flex:1}.world-tile-name{font-weight:700;letter-spacing:-.01em}.world-tile-count{font-size:var(--text-meta);font-weight:800;color:var(--world, var(--accent))}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:var(--space-3)}.game-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-card);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-1) 60%,transparent);cursor:pointer;text-align:center;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),background var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.game-tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--world, var(--accent)) 60%,var(--border));background:color-mix(in srgb,var(--surface-2) 70%,transparent);box-shadow:0 18px 36px -22px color-mix(in srgb,var(--world, var(--accent)) 90%,transparent)}.game-tile-art{position:relative;display:grid;place-items:center}.game-tile-cover{border-radius:14px;box-shadow:0 10px 22px -12px #000000bf;transition:transform var(--motion-base) var(--ease-out)}.game-tile:hover .game-tile-cover{transform:scale(1.07) translateY(-2px)}.game-tile-soon{position:absolute;bottom:-6px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-secondary);border:1px solid var(--border-strong)}.game-tile-name{font-weight:700;line-height:1.2}.game-tile-players{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-meta);color:var(--text-muted)}.game-tile-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:18px}.chip-quiet{background:color-mix(in srgb,var(--surface-3) 80%,transparent);color:var(--text-muted);border:1px solid var(--border)}.link-button{background:none;border:none;padding:0;color:var(--accent);font-weight:700;font-size:var(--text-meta);cursor:pointer}.link-button:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.marquee-art svg,.live-dot.playing{animation:none}.marquee:after{opacity:.08}.world-tile:hover,.game-tile:hover,.live-card:hover,.game-tile:hover .game-tile-cover{transform:none}}.piece{position:relative;display:inline-grid;place-items:center;width:78%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 2px 3px #ffffff59,0 2px 4px #00000080}.piece.dark{background:radial-gradient(circle at 35% 30%,#4a4d5e,#14151d 72%)}.piece.light{background:radial-gradient(circle at 35% 30%,#fff,#c3c6d4 74%)}.piece.king{color:var(--accent-ink)}.piece.light.king{color:#2a2b38}.playing-card-shape{display:grid;place-items:center}.playing-card-shape svg{color:var(--accent)}.playing-card.std.red .playing-card-shape svg{color:#ff5d70}.playing-card.std:not(.red) .playing-card-shape svg{color:var(--text)}.playing-card.whot .playing-card-shape svg{color:var(--accent)}.studio{position:relative;isolation:isolate}.studio:before{content:"";position:absolute;inset:-12px -12px auto;height:260px;z-index:-1;pointer-events:none;background:var(--kind-wash, transparent)}.studio.kind-voice{--kind-wash: radial-gradient(90% 100% at 50% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%)}.studio.kind-listen{--kind-wash: radial-gradient(80% 100% at 50% 0%, color-mix(in srgb, #6b4cff 20%, transparent), transparent 72%)}.studio.kind-music{--kind-wash: radial-gradient(80% 100% at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 72%), radial-gradient(60% 80% at 90% 0%, color-mix(in srgb, #ff7a3d 12%, transparent), transparent 70%)}.studio.kind-movie{--kind-wash: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 60%)}.studio.kind-sports{--kind-wash: repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent) 0 14px, transparent 14px 28px)}.studio.kind-other{--kind-wash: radial-gradient(85% 100% at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 72%)}.studio.kind-listen .studio-top,.studio.kind-music .studio-top{border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}.studio.kind-sports .stage-seat{border-radius:var(--radius-sm)}.studio.kind-sports .energy-flame{color:var(--accent)}.studio.kind-other .stage-seat{border-radius:var(--radius-card)}.studio.kind-voice .stage-seat.speaking{border-color:color-mix(in srgb,var(--accent) 75%,transparent)}.studio.kind-listen .stage-seat{border-radius:var(--radius-pill)}.studio.kind-movie .room-banner{filter:brightness(.82) contrast(1.05)}