:root{--bg:#fff;--bg-soft:#fafaf9;--bg-tile:#f5f5f4;--bg-elev:#fff;--border:#e7e5e4;--border-soft:#f5f5f4;--fg:#1c1917;--fg-muted:#57534e;--fg-subtle:#a8a29e;--accent:#ef4444;--accent-hover:#dc2626;--accent-soft:rgba(239,68,68,.08);--accent-grad:linear-gradient(135deg,#fb923c 0%,#ef4444 60%,#ec4899 100%);--accent-text:#fff;--danger:#dc2626;--danger-soft:#fef2f2;--success:#16a34a;--live:#22c55e;--shadow-sm:0 1px 2px 0 rgba(28,25,23,.04);--shadow:0 4px 12px -2px rgba(28,25,23,.05),0 1px 3px -1px rgba(28,25,23,.04);--shadow-lg:0 20px 40px -8px rgba(28,25,23,.1),0 8px 16px -4px rgba(28,25,23,.05);--seam-rgb:255,255,255;--seam-shadow:rgba(28,25,23,.1);--panel-rgb:255,255,255;--panel-alpha:.82;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px}:root[data-theme=dark]{--bg:#0c0a09;--bg-soft:#131110;--bg-tile:#1c1917;--bg-elev:#292524;--border:#44403c;--border-soft:#292524;--fg:#fafaf9;--fg-muted:#a8a29e;--fg-subtle:#57534e;--accent:#f87171;--accent-hover:#fca5a5;--accent-soft:rgba(239,68,68,.16);--danger-soft:rgba(220,38,38,.18);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.4);--shadow:0 4px 12px -2px rgba(0,0,0,.5),0 1px 3px -1px rgba(0,0,0,.4);--shadow-lg:0 20px 40px -8px rgba(0,0,0,.7),0 8px 16px -4px rgba(0,0,0,.5);--seam-rgb:0,0,0;--seam-shadow:rgba(0,0,0,.65);--panel-rgb:12,10,9;--panel-alpha:.7}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);max-width:100%;height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}button,input{font-family:inherit}a{color:inherit}::selection{background:var(--accent-soft);color:var(--accent)}.theme-toggle{background:var(--bg-elev);width:36px;height:36px;color:var(--fg-muted);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.theme-toggle:hover{color:var(--fg);box-shadow:var(--shadow);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{width:16px;height:16px}.theme-toggle--floating{width:40px;height:40px;box-shadow:var(--shadow-sm);z-index:100;border-radius:12px;position:fixed;top:20px;right:20px}.theme-toggle--floating svg{width:18px;height:18px}.app{grid-template-rows:1fr;min-height:100vh;display:grid}.app.has-stage{grid-template:"header chat"60px"stage chat"1fr/1fr 360px;height:100vh;display:grid;position:relative}.app.has-stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(50% 45% at 12% 8%,rgba(251,146,60,.07) 0%,transparent 60%),radial-gradient(45% 50% at 95% 35%,rgba(236,72,153,.06) 0%,transparent 60%),radial-gradient(55% 45% at 60% 100%,rgba(239,68,68,.05) 0%,transparent 60%);position:fixed;inset:0}:root[data-theme=dark] .app.has-stage:before{background:radial-gradient(50% 45% at 12% 8%,rgba(251,146,60,.13) 0%,transparent 60%),radial-gradient(45% 50% at 95% 35%,rgba(236,72,153,.11) 0%,transparent 60%),radial-gradient(55% 45% at 60% 100%,rgba(239,68,68,.09) 0%,transparent 60%)}.app.has-stage>*{z-index:1;position:relative}.app.has-stage.has-host-bar{grid-template-rows:60px 1fr 56px;grid-template-areas:"header chat""stage chat""hostbar chat"}.app.has-stage>.stage-header{grid-area:header}.app.has-stage>.stage{grid-area:stage}.app.has-stage>.host-bar{grid-area:hostbar}.app.has-stage>.chat{grid-area:chat}@media (max-width:880px){.app.has-stage{grid-template:"header"60px"stage"1fr"chat"240px/1fr}.app.has-stage.has-host-bar{grid-template-rows:60px 1fr 56px 240px;grid-template-areas:"header""stage""hostbar""chat"}}.join{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex;position:relative;overflow:hidden}.join:before{content:"";filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 20%,rgba(251,146,60,.1) 0%,transparent 60%),radial-gradient(50% 60% at 80% 30%,rgba(236,72,153,.08) 0%,transparent 60%),radial-gradient(50% 50% at 50% 90%,rgba(239,68,68,.06) 0%,transparent 60%);position:absolute;inset:-120px}:root[data-theme=dark] .join:before{background:radial-gradient(60% 50% at 20% 20%,rgba(251,146,60,.16) 0%,transparent 60%),radial-gradient(50% 60% at 80% 30%,rgba(236,72,153,.14) 0%,transparent 60%),radial-gradient(50% 50% at 50% 90%,rgba(239,68,68,.12) 0%,transparent 60%)}.join-card{z-index:1;background:var(--bg-elev);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border-radius:24px;padding:44px 40px;position:relative}.join-eyebrow{letter-spacing:.12em;color:var(--fg-muted);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-flex}.join-eyebrow .dot{background:var(--accent-grad);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.join-eyebrow .domain{background:var(--bg-tile);border:1px solid var(--border);color:var(--fg-subtle);letter-spacing:.04em;text-transform:lowercase;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:500}.join h1{letter-spacing:-.035em;margin:0 0 12px;font-size:40px;font-weight:700;line-height:1.05}.join h1 .accent{background:var(--accent-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.join .tagline{color:var(--fg-muted);max-width:380px;margin:0 0 32px;font-size:16px;line-height:1.5}.join-tabs{background:var(--bg-tile);border:1px solid var(--border);border-radius:14px;gap:8px;margin-bottom:28px;padding:6px;display:flex}.join-tabs button{color:var(--fg-muted);cursor:pointer;letter-spacing:-.005em;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 14px;font-size:14px;font-weight:500;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.join-tabs button svg{stroke-width:2.2px;width:16px;height:16px}.join-tabs button:hover:not([aria-pressed=true]){color:var(--fg);background:var(--bg-elev)}.join-tabs button[aria-pressed=true]{background:var(--accent-grad);color:#fff;font-weight:600;transform:translateY(-1px);box-shadow:0 6px 16px -4px rgba(239,68,68,.35),0 2px 4px -1px rgba(239,68,68,.2)}.join-tabs button[aria-pressed=true] svg{stroke:#fff}.field{margin-bottom:16px}.field label{color:var(--fg-muted);letter-spacing:.01em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field input[type=text]{background:var(--bg-soft);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:12px;outline:none;padding:12px 14px;font-size:15px;transition:all .16s cubic-bezier(.16,1,.3,1)}.field input[type=text]::placeholder{color:var(--fg-subtle)}.field input[type=text]:focus{border-color:var(--accent);background:var(--bg-elev);box-shadow:0 0 0 4px var(--accent-soft)}input:-webkit-autofill{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--bg-soft)inset;caret-color:var(--fg);transition:background-color 600000s}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--bg-soft)inset;caret-color:var(--fg);transition:background-color 600000s}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--bg-soft)inset;caret-color:var(--fg);transition:background-color 600000s}input:-webkit-autofill:active{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--bg-soft)inset;caret-color:var(--fg);transition:background-color 600000s}.identity-row{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.identity-name{color:var(--fg);font-size:15px;font-weight:500}.identity-edit{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.identity-edit:hover{text-decoration:underline}.linklike{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.linklike:hover{text-decoration:underline}.join-aux{border-top:1px solid var(--border-soft);text-align:center;margin-top:18px;padding-top:16px}.host-card{max-width:540px}.host-empty{text-align:center;color:var(--fg-muted);margin-top:8px;padding:28px 4px}.host-room-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.host-room-card{text-align:left;background:var(--bg-soft);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .16s cubic-bezier(.16,1,.3,1);display:flex}.host-room-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.host-room-main{flex:1;min-width:0}.host-room-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.host-room-slug{color:var(--fg-subtle);margin-top:2px;font-size:12px}.host-status{letter-spacing:.04em;text-transform:uppercase;background:var(--bg-tile);color:var(--fg-muted);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:600}.host-status.live{color:#fff;background:var(--live);border-color:transparent}.host-status.scheduled{color:var(--accent);background:var(--accent-soft);border-color:transparent}.host-status.ended{color:var(--fg-subtle)}.host-status.cancelled{color:var(--danger)}.host-room-paid{background:var(--bg-tile);color:var(--fg-muted);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.host-new-btn{width:100%;margin-top:18px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--fg);color:var(--bg);letter-spacing:-.01em;width:100%;padding:14px 18px;font-size:15px;font-weight:600}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tile)}.btn-danger{color:var(--danger);border:1px solid var(--border)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-icon{border:1px solid var(--border);color:var(--fg-muted);background:0 0;border-radius:10px;width:34px;height:34px;padding:0}.btn-icon:hover{background:var(--bg-tile);color:var(--fg)}.toggle-row{color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:4px 0 20px;font-size:14px;display:flex}.toggle-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.toggle-row-stacked{align-items:flex-start}.toggle-row-stacked input[type=checkbox]{margin-top:3px}.toggle-stack{flex-direction:column;gap:3px;line-height:1.4;display:flex}.toggle-label{color:var(--fg)}.toggle-hint{color:var(--fg-subtle);font-size:12px;line-height:1.4}.error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);word-break:break-word;border-radius:12px;margin-top:16px;padding:12px 14px;font-size:13px}.ticket-prompt{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;margin-top:4px;padding:18px}.ticket-prompt-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.ticket-prompt .ticket-icon{background:var(--accent-grad);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:inline-flex;box-shadow:0 4px 12px -4px rgba(239,68,68,.35)}.ticket-prompt .ticket-title{letter-spacing:-.01em;margin-bottom:2px;font-size:15px;font-weight:600}.ticket-prompt .ticket-sub{color:var(--fg-muted);font-size:13px;line-height:1.4}.muted{color:var(--fg-muted)}.stage-header{background:linear-gradient(to bottom,rgba(var(--panel-rgb),var(--panel-alpha)),transparent);z-index:1;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative}.stage-header:after{content:"";pointer-events:none;background:linear-gradient(to bottom,rgba(var(--seam-rgb),.06),rgba(var(--seam-rgb),0));height:20px;position:absolute;bottom:-20px;left:0;right:0}.stage-header .left{align-items:center;gap:14px;display:flex}.stage-header .live-pill{background:var(--bg-tile);border:1px solid var(--border);letter-spacing:.08em;color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 8px;font-size:11px;font-weight:600;display:inline-flex}.stage-header .live-pill .pulse{background:var(--live);border-radius:50%;width:8px;height:8px;position:relative}.stage-header .live-pill .pulse:after{content:"";background:var(--live);opacity:.4;border-radius:50%;animation:1.6s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.stage-header .title{letter-spacing:-.01em;font-size:15px;font-weight:600}.stage-header .share-id{background:var(--bg-tile);border:1px solid var(--border);color:var(--fg-muted);letter-spacing:.02em;cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-left:6px;padding:4px 10px 4px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:600;transition:all .14s cubic-bezier(.16,1,.3,1);display:inline-flex}.stage-header .share-id:before{content:"🔗";filter:grayscale(.5);font-size:11px}.stage-header .share-id:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.stage-header .right{align-items:center;gap:12px;display:flex}.stage-header .badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.stage-header .who{color:var(--fg-muted);font-size:13px}.stage{background:0 0;grid-template-rows:repeat(3,minmax(140px,1fr));grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;display:grid;overflow:hidden}.tile{width:100%;height:100%;min-height:0}.empty-stage{grid-area:1/1/-1/-1;justify-content:center;align-items:center;padding:32px;display:flex;position:relative}.empty-stage:before{content:"";filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(40% 40% at 30% 30%,rgba(251,146,60,.04) 0%,transparent 65%),radial-gradient(40% 40% at 70% 70%,rgba(236,72,153,.03) 0%,transparent 65%);position:absolute;inset:-120px}.empty-stage-card{z-index:1;background:var(--bg-elev);border:1px solid var(--border);text-align:center;width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:24px;padding:48px 48px 40px;position:relative}.empty-stage-icon{background:var(--accent-grad);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex;box-shadow:0 8px 24px -4px rgba(239,68,68,.4)}.empty-stage-icon svg{width:28px;height:28px}.empty-stage-title{letter-spacing:-.025em;margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.15}.empty-stage-title .accent{background:var(--accent-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.empty-stage-sub{color:var(--fg-muted);max-width:440px;margin:0 auto 28px;font-size:15px;line-height:1.55}.empty-stage-share{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;max-width:480px;margin:0 auto;padding:6px 6px 6px 16px;display:flex}.empty-stage-share .share-url{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;flex:1;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;overflow:hidden}.empty-stage-share .share-copy{border-radius:999px;flex-shrink:0;padding:8px 18px;font-size:13px}@media (max-width:600px){.empty-stage-card{padding:32px 24px}.empty-stage-title{font-size:22px}.empty-stage-share{padding:4px 4px 4px 12px}.empty-stage-share .share-url{font-size:11px}}.tile{background:var(--bg-tile);border:1px solid var(--border-soft);border-radius:16px;justify-content:center;align-items:center;min-height:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tile.empty{color:var(--fg-subtle);background:var(--bg-soft);border-style:dashed;border-color:var(--border);font-size:12px;font-weight:500}.tile.empty .slot-placeholder{color:var(--fg-subtle);flex-direction:column;align-items:center;gap:8px;display:flex}.tile.empty .slot-placeholder .circle{background:var(--bg-tile);border-radius:50%;width:32px;height:32px}.tile.you{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);border-style:solid}.tile video{object-fit:cover;background:#000;width:100%;height:100%}.tile .name-pill{color:#fff;letter-spacing:-.005em;background:rgba(0,0,0,.6);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:10px;left:10px}.tile .slot-num{color:#fff;letter-spacing:.05em;font-variant-numeric:tabular-nums;background:rgba(0,0,0,.5);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.tile.empty .slot-num{background:var(--bg-elev);color:var(--fg-subtle);border:1px solid var(--border-soft)}.tile .muted-icon{color:#fca5a5;font-size:12px}.tile-controls{gap:4px;display:flex;position:absolute;top:10px;right:10px}.tile-controls .btn-icon{color:#fff;background:rgba(0,0,0,.6);border:none;width:30px;height:30px;font-size:13px}.tile-controls .btn-icon:hover{background:rgba(0,0,0,.85)}.host-bar{background:linear-gradient(to top,rgba(var(--panel-rgb),var(--panel-alpha)),transparent);z-index:1;color:var(--fg-muted);align-items:center;gap:14px;padding:10px 20px;font-size:13px;display:flex;position:relative}.host-bar:before{content:"";pointer-events:none;background:linear-gradient(to top,rgba(var(--seam-rgb),.06),rgba(var(--seam-rgb),0));height:20px;position:absolute;top:-20px;left:0;right:0}.host-bar-stats{align-items:center;gap:18px;display:flex}.host-bar .label{color:var(--fg);letter-spacing:-.005em;align-items:center;gap:8px;font-weight:600;display:inline-flex}.host-pulse-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;display:inline-block;position:relative}.host-pulse-dot .ring{background:var(--accent);opacity:.4;border-radius:50%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:-2px}.host-bar .stat{color:var(--fg-muted);align-items:baseline;gap:6px;display:inline-flex}.host-bar .stat-num{color:var(--fg);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.host-bar .stat-label{font-size:12px}.host-bar .hint{color:var(--fg-subtle);border-left:1px solid var(--border);padding-left:16px;font-size:12px}.host-bar .btn-danger{border-radius:10px;padding:7px 14px;font-size:13px;font-weight:500}@media (max-width:800px){.host-bar .hint{display:none}}.chat .msg .who.promotable{cursor:pointer;border-radius:6px;margin:0 -4px;padding:0 4px;transition:all .14s cubic-bezier(.16,1,.3,1)}.chat .msg .who.promotable:after{content:" ↑";opacity:0;margin-left:2px;font-size:11px;transition:opacity .14s}.chat .msg .who.promotable:hover{background:var(--accent-soft);color:var(--accent)}.chat .msg .who.promotable:hover:after{opacity:1}.tile-host-menu{opacity:0;pointer-events:none;background:linear-gradient(transparent 50%,rgba(0,0,0,.6) 100%);justify-content:center;align-items:flex-end;padding:12px;transition:opacity .18s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.tile.occupied:hover .tile-host-menu{opacity:1;pointer-events:auto}.btn-tile-demote{color:var(--danger);cursor:pointer;background:rgba(255,255,255,.95);border:none;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;transition:transform .14s;box-shadow:0 4px 12px rgba(0,0,0,.3)}.btn-tile-demote:hover{background:var(--danger);color:#fff;transform:scale(1.05)}.chat{background:linear-gradient(to left,rgba(var(--panel-rgb),var(--panel-alpha)),transparent);grid-template-rows:auto 1fr auto;min-height:0;display:grid;position:relative}.chat:before{content:"";pointer-events:none;background:linear-gradient(to right,rgba(var(--seam-rgb),0),rgba(var(--seam-rgb),.1));width:24px;position:absolute;top:0;bottom:0;left:-24px}.chat-header{background:0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:relative}.chat-header:after{content:"";pointer-events:none;background:linear-gradient(to bottom,rgba(var(--seam-rgb),.05),rgba(var(--seam-rgb),0));height:16px;position:absolute;bottom:0;left:0;right:0}.chat-header .title{letter-spacing:.02em;text-transform:uppercase;color:var(--fg-muted);font-size:13px;font-weight:600}.chat-header .count{color:var(--fg-subtle);font-size:12px}@media (max-width:880px){.chat{background:linear-gradient(to bottom,rgba(var(--panel-rgb),calc(var(--panel-alpha) - .04)),rgba(var(--panel-rgb),var(--panel-alpha))40px)}.chat:before{background:linear-gradient(to bottom,rgba(var(--seam-rgb),0),rgba(var(--seam-rgb),.1));width:auto;height:24px;inset:-24px 0 auto}}.chat .messages{overscroll-behavior:contain;flex-direction:column;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.chat .msg{gap:10px;font-size:14px;line-height:1.45;display:flex}.chat .msg .who{color:var(--accent);white-space:nowrap;font-weight:600}.chat .msg .body{color:var(--fg);word-break:break-word}.chat .msg .when{color:var(--fg-subtle);white-space:nowrap;font-variant-numeric:tabular-nums;align-self:center;margin-left:auto;font-size:11px}.chat .input-row{background:0 0;gap:10px;padding:14px 20px;display:flex;position:relative}.chat .input-row:before{content:"";pointer-events:none;background:linear-gradient(to top,rgba(var(--seam-rgb),.05),rgba(var(--seam-rgb),0));height:16px;position:absolute;top:0;left:0;right:0}.chat input[type=text]{background:var(--bg-soft);color:var(--fg);border:1px solid var(--border);border-radius:12px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:all .16s cubic-bezier(.16,1,.3,1)}.chat input[type=text]:focus{border-color:var(--accent);background:var(--bg-elev);box-shadow:0 0 0 4px var(--accent-soft)}.chat .btn-send{background:var(--fg);color:var(--bg);cursor:pointer;border:none;border-radius:12px;padding:0 20px;font-size:14px;font-weight:600;transition:all .16s cubic-bezier(.16,1,.3,1)}.chat .btn-send:hover{transform:translateY(-1px)}.chat .btn-send:active{transform:translateY(0)}.chat .empty-msg{text-align:center;color:var(--fg-subtle);padding:28px 0;font-size:13px}.landing{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.landing:before{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(40% 40% at 25% 30%,rgba(251,146,60,.14) 0%,transparent 65%),radial-gradient(40% 40% at 75% 25%,rgba(236,72,153,.1) 0%,transparent 65%),radial-gradient(50% 40% at 50% 75%,rgba(239,68,68,.07) 0%,transparent 65%);height:720px;position:absolute;inset:-120px -120px auto}:root[data-theme=dark] .landing:before{background:radial-gradient(40% 40% at 25% 30%,rgba(251,146,60,.22) 0%,transparent 65%),radial-gradient(40% 40% at 75% 25%,rgba(236,72,153,.18) 0%,transparent 65%),radial-gradient(50% 40% at 50% 75%,rgba(239,68,68,.14) 0%,transparent 65%)}.landing>*{z-index:1;position:relative}.landing-nav{justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.landing-logo{align-items:center;gap:9px;display:inline-flex}.landing-logo .dot{background:var(--accent-grad);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.landing-logo .brand{letter-spacing:-.025em;font-size:18px;font-weight:700}.landing-nav-left{align-items:center;gap:28px;display:flex}.landing-nav-menu{align-items:center;gap:22px;display:flex}.landing-nav-menu .nav-link{cursor:pointer;font:inherit;color:var(--fg-muted);background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:500;transition:color .14s}.landing-nav-menu .nav-link:hover{color:var(--fg)}@media (max-width:720px){.landing-nav-menu{display:none}}.landing-nav-actions{align-items:center;gap:10px;display:flex}.btn-compact{padding:8px 14px;font-size:13px}.btn-large{padding:14px 24px;font-size:15px}.landing-nav-actions .btn{border-radius:999px;height:36px;padding-top:0;padding-bottom:0}.landing-nav-actions .theme-toggle{box-sizing:border-box;border-radius:10px;flex:0 0 36px;width:36px;min-width:36px;height:36px;padding:0}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.landing-hero-two{flex:1;grid-template-columns:5fr 6fr;align-items:center;gap:64px;width:100%;max-width:1280px;margin:0 auto;padding:48px 56px 80px;display:grid}.hero-text{max-width:520px}.hero-eyebrow{background:var(--bg-elev);border:1px solid var(--border);color:var(--fg-muted);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.hero-eyebrow .dot{background:var(--accent-grad);border-radius:50%;width:7px;height:7px}.hero-title{letter-spacing:-.045em;color:var(--fg);margin:0 0 28px;font-size:clamp(52px,6.8vw,92px);font-weight:700;line-height:.98}.hero-title .accent{background:var(--accent-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--fg-muted);max-width:460px;margin:0 0 36px;font-size:clamp(16px,1.3vw,18px);line-height:1.55}.btn-primary-pill{background:var(--fg);color:var(--bg);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px -4px rgba(28,25,23,.25)}.btn-primary-pill:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px rgba(28,25,23,.4)}.btn-primary-pill:active{transform:translateY(0)}.hero-fine{color:var(--fg-subtle);margin:16px 0 0;font-size:13px}.hero-visual{justify-content:center;align-items:center;min-height:540px;display:flex;position:relative}.mockup{width:100%;max-width:580px;animation:8s ease-in-out infinite mockup-float;position:relative}@keyframes mockup-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mockup-glow{filter:blur(60px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.mockup-glow-1{background:radial-gradient(rgba(251,146,60,.5),transparent 70%);width:320px;height:320px;animation:12s ease-in-out infinite glow-drift;top:-40px;left:-60px}.mockup-glow-2{background:radial-gradient(rgba(236,72,153,.4),transparent 70%);width:340px;height:340px;animation:14s ease-in-out infinite reverse glow-drift;bottom:-40px;right:-50px}@keyframes glow-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-10px)scale(1.05)}}.mockup-frame{z-index:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 64px -12px rgba(28,25,23,.16),0 8px 24px -8px rgba(28,25,23,.1)}:root[data-theme=dark] .mockup-frame{box-shadow:0 24px 64px -12px rgba(0,0,0,.6),0 8px 24px -8px rgba(0,0,0,.4)}.mockup-header{border-bottom:1px solid var(--border);background:var(--bg-elev);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.mockup-header-left{align-items:center;gap:12px;display:inline-flex}.mockup-live-pill{background:var(--bg-tile);border:1px solid var(--border);letter-spacing:.1em;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 8px;font-size:10px;font-weight:600;display:inline-flex}.mockup-live-dot{background:var(--live);border-radius:50%;width:7px;height:7px;position:relative}.mockup-live-dot:after{content:"";background:var(--live);opacity:.4;border-radius:50%;animation:1.6s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:-3px}.mockup-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.mockup-viewers{color:var(--fg-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.mockup-num{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.mockup-body{grid-template-columns:1fr 180px;height:360px;display:grid}.mockup-stage{background:var(--bg);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:6px;padding:14px;display:grid}.mock-tile-filled{background:linear-gradient(160deg,var(--bg-tile)0%,var(--bg-soft)100%);border:1px solid var(--border-soft);opacity:0;border-radius:10px;justify-content:center;align-items:center;animation:.7s cubic-bezier(.16,1,.3,1) forwards tile-in;display:flex;position:relative;overflow:hidden}@keyframes tile-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.mock-avatar{color:#fff;letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:inline-flex}.mock-avatar-violet{background:linear-gradient(135deg,#a855f7,#7c3aed)}.mock-avatar-coral{background:linear-gradient(135deg,#fb923c,#ef4444)}.mock-avatar-blue{background:linear-gradient(135deg,#38bdf8,#2563eb)}.mock-avatar-green{background:linear-gradient(135deg,#4ade80,#16a34a)}.mock-avatar-rose{background:linear-gradient(135deg,#fb7185,#e11d48)}.mock-avatar-amber{background:linear-gradient(135deg,#fbbf24,#d97706)}.mock-avatar-teal{background:linear-gradient(135deg,#2dd4bf,#0d9488)}.mock-avatar-purple{background:linear-gradient(135deg,#c084fc,#9333ea)}.mock-avatar-indigo{background:linear-gradient(135deg,#818cf8,#4f46e5)}.mock-avatar-pink{background:linear-gradient(135deg,#f472b6,#db2777)}.mock-avatar-lime{background:linear-gradient(135deg,#a3e635,#65a30d)}.mock-avatar-sky{background:linear-gradient(135deg,#7dd3fc,#0284c7)}.mock-name-pill{color:#fff;background:rgba(0,0,0,.5);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:500;position:absolute;bottom:6px;left:6px}.mock-tile-filled.speaking{box-shadow:0 0 0 2px var(--live)}.mock-speaking-ring{box-shadow:0 0 0 0 var(--live);pointer-events:none;border-radius:10px;animation:2.2s ease-out infinite speaking-pulse;position:absolute;inset:0}.mockup-stage>:first-child .mock-speaking-ring{animation-delay:0s}.mockup-stage>:nth-child(3) .mock-speaking-ring{animation-delay:.55s}.mockup-stage>:nth-child(6) .mock-speaking-ring{animation-delay:1.1s}.mockup-stage>:nth-child(11) .mock-speaking-ring{animation-delay:1.65s}@keyframes speaking-pulse{0%{box-shadow:0 0 rgba(34,197,94,.6)}to{box-shadow:0 0 0 12px rgba(34,197,94,0)}}.mock-tile-empty{background:var(--bg-soft);border:1px dashed var(--border);border-radius:10px}.mockup-chat{border-left:1px solid var(--border);background:var(--bg-elev);flex-direction:column;display:flex}.mockup-chat-title{border-bottom:1px solid var(--border);letter-spacing:.12em;color:var(--fg-muted);padding:12px 14px;font-size:10px;font-weight:600}.mockup-chat-msgs{flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:12px;display:flex;overflow:hidden}.mock-chat-bubble{opacity:0;font-size:11px;line-height:1.4;animation:.6s cubic-bezier(.16,1,.3,1) forwards chat-in;transform:translateY(8px)}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mock-chat-who{color:var(--accent);margin-right:5px;font-weight:600}.mock-chat-body{color:var(--fg)}.landing-footer{color:var(--fg-muted);z-index:1;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:28px 56px 36px;font-size:13px;display:grid;position:relative}.footer-left{color:var(--fg);align-items:center;gap:8px;font-weight:600;display:inline-flex}.footer-brand-dot{background:var(--accent-grad);border-radius:50%;width:8px;height:8px}.footer-meta{gap:24px;display:flex}.footer-meta a{color:var(--fg-muted);text-decoration:none}.footer-meta a:hover{color:var(--fg)}.footer-legal{color:var(--fg-subtle);gap:8px;font-size:12px;display:flex}.footer-legal a{color:var(--fg-subtle);text-decoration:none}.footer-legal a:hover{color:var(--fg-muted)}.footer-legal .sep{color:var(--fg-subtle)}.landing-footer-slim{grid-template-columns:auto auto;justify-content:space-between}@media (max-width:980px){.landing-hero-two{grid-template-columns:1fr;gap:48px;padding:32px 24px 56px}.hero-visual{min-height:auto}.mockup{max-width:480px;margin:0 auto}.mockup-body{grid-template-columns:1fr 150px;height:320px}.landing-footer{text-align:center;grid-template-columns:1fr;gap:16px;padding:24px}.footer-left,.footer-meta,.footer-legal{justify-content:center}}@media (max-width:540px){.hero-title{font-size:clamp(40px,11vw,56px)}.mockup-body{grid-template-columns:1fr;height:auto}.mockup-chat{display:none}.mockup-stage{padding:10px}}.landing-logo.as-button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;padding:0}.landing-logo.as-button:hover .brand{opacity:.85}.footer-link{cursor:pointer;font:inherit;color:var(--fg-muted);background:0 0;border:none;padding:0;text-decoration:none}.footer-link:hover{color:var(--fg)}.footer-legal .footer-link{color:var(--fg-subtle);font-size:12px}.footer-legal .footer-link:hover{color:var(--fg-muted)}.marketing-section{max-width:1080px;margin:0 auto;padding:32px 32px 96px}.marketing-header{text-align:center;padding:56px 0 40px}.marketing-header h1{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(40px,6vw,64px);font-weight:700;line-height:1.05}.marketing-sub{color:var(--fg-muted);max-width:560px;margin:0 auto;font-size:18px;line-height:1.55}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;display:grid}.pricing-card{border:1px solid var(--border);background:var(--bg-soft);border-radius:18px;flex-direction:column;gap:20px;padding:28px;display:flex;position:relative}.pricing-card-feature{background:linear-gradient(180deg,var(--bg-soft),var(--bg));box-shadow:0 0 0 1px var(--accent-soft)inset,0 18px 48px -20px rgba(124,58,237,.35);border-color:transparent;transform:translateY(-2px)}.pricing-badge{background:var(--accent-grad);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.pricing-card-header{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.pricing-tier{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-size:13px;font-weight:600}.pricing-price{align-items:baseline;gap:4px;display:flex}.pricing-amt{letter-spacing:-.03em;color:var(--fg);font-size:38px;font-weight:700}.pricing-per{color:var(--fg-muted);font-size:14px}.pricing-features{color:var(--fg-muted);flex-direction:column;gap:10px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}.pricing-features li{align-items:center;gap:10px;line-height:1.5;display:flex}.pricing-features li:before{content:"";background-color:var(--accent);flex:0 0 10px;width:10px;height:10px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='3.5 8.5 6.5 11.5 12.5 5'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='3.5 8.5 6.5 11.5 12.5 5'/></svg>") 50%/contain no-repeat}.pricing-card .btn{justify-content:center;align-self:stretch}.pricing-faq{flex-direction:column;gap:24px;margin-top:64px;display:flex}.pricing-faq h2{letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:600}.faq-item h3{color:var(--fg);margin:0 0 6px;font-size:16px}.faq-item p{color:var(--fg-muted);margin:0;font-size:15px;line-height:1.55}.discover-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px;display:grid}.discover-card{background:var(--bg-soft);border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:14px;flex-direction:column;gap:8px;padding:20px;transition:transform .12s,border-color .12s;display:flex}.discover-card:hover{border-color:var(--accent-soft);transform:translateY(-2px)}.discover-card-when{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-size:12px}.discover-card-title{letter-spacing:-.015em;color:var(--fg);font-size:18px;font-weight:600;line-height:1.3}.discover-card-meta{color:var(--fg-muted);font-size:13px}.discover-card-skel{background:linear-gradient(90deg,var(--bg-soft)0%,var(--bg)50%,var(--bg-soft)100%);background-size:200% 100%;border-radius:14px;height:110px;animation:1.4s linear infinite discover-skel}@keyframes discover-skel{0%{background-position:200% 0}to{background-position:-200% 0}}.discover-empty{text-align:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;padding:56px 24px;position:relative;overflow:hidden}.discover-empty h2{letter-spacing:-.02em;margin:12px 0 10px;font-size:26px;font-weight:600}.discover-empty p{color:var(--fg-muted);max-width:440px;margin:0 auto 24px;line-height:1.55}.discover-empty-art{pointer-events:none;z-index:0;position:absolute;inset:0}.discover-empty-art>*{z-index:1;position:relative}.discover-empty-glow{filter:blur(80px);opacity:.35;background:var(--accent);border-radius:50%;width:280px;height:280px;animation:14s ease-in-out infinite alternate discover-glow-a;position:absolute;top:-80px;left:-60px}.discover-empty-glow.alt{background:var(--accent-2,#f59e0b);animation:16s ease-in-out infinite alternate discover-glow-b;inset:auto -60px -80px auto}@keyframes discover-glow-a{to{transform:translate(40px,30px)scale(1.1)}}@keyframes discover-glow-b{to{transform:translate(-40px,-30px)scale(1.15)}}.discover-empty>h2,.discover-empty>p,.discover-empty>button{z-index:2;position:relative}.doc-prose{max-width:680px;color:var(--fg-muted);margin:0 auto;font-size:16px;line-height:1.7}.doc-prose h2{color:var(--fg);letter-spacing:-.02em;margin:40px 0 14px;font-size:22px;font-weight:600}.doc-prose h3{color:var(--fg);margin:28px 0 8px;font-size:17px;font-weight:600}.doc-prose p{margin:0 0 14px}.doc-prose ul,.doc-prose ol{margin:0 0 14px;padding-left:22px}.doc-prose li{margin-bottom:6px}.doc-prose strong{color:var(--fg);font-weight:600}.doc-prose code{background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.inline-link{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent)30%,transparent);text-decoration:none}.inline-link:hover{border-bottom-color:var(--accent)}.doc-cta{text-align:center;margin-top:56px}@media (max-width:880px){.pricing-grid{grid-template-columns:1fr}.pricing-card-feature{transform:none}.marketing-section{padding:16px 20px 64px}}.admin{max-width:880px;margin:0 auto;padding:40px 24px 80px}.admin-head{margin-bottom:28px}.admin-eyebrow{letter-spacing:.12em;color:var(--fg-muted);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:inline-flex}.admin-eyebrow .dot{background:var(--accent-grad);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.admin-head h1{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700}.admin-loading,.admin-empty{color:var(--fg-subtle);padding:18px 2px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.admin-stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:20px}.admin-stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.admin-stat-label{color:var(--fg-muted);margin-top:4px;font-size:13px}.admin-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;margin-bottom:18px;padding:18px 20px}.admin-panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:14px;font-size:12px;font-weight:600}.admin-bar-row,.admin-feed-row,.admin-room-row{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:9px 0;display:flex}.admin-bar-row:last-child,.admin-feed-row:last-child{border-bottom:none}.admin-bar-label{flex:1;font-size:14px}.admin-bar-count{font-variant-numeric:tabular-nums;font-weight:600}.admin-feed-type{background:var(--bg-tile);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.admin-feed-meta{color:var(--fg-subtle);flex:1;font-size:13px}.admin-feed-when{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:12px}.admin-room-table{flex-direction:column;display:flex}.admin-room-row{text-align:left;border:none;border-bottom:1px solid var(--border-soft);cursor:pointer;background:0 0;width:100%}.admin-room-row:hover{background:var(--bg-soft)}.admin-room-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.admin-room-host{color:var(--fg-subtle);font-family:ui-monospace,monospace;font-size:12px}.admin-room-status,.admin-room-paid{background:var(--bg-tile);border:1px solid var(--border);color:var(--fg-muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}@media (max-width:640px){.admin-stats{grid-template-columns:1fr}}.dash-logo{margin-bottom:18px}.admin-badge{letter-spacing:.1em;background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700}.recap{flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.recap:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 50% 0,rgba(251,146,60,.1) 0%,transparent 60%),radial-gradient(40% 40% at 80% 30%,rgba(236,72,153,.08) 0%,transparent 60%);position:fixed;inset:0}.recap>*{z-index:1;position:relative}.recap-nav{justify-content:space-between;align-items:center;width:100%;max-width:1100px;padding:10px 4px 0;display:flex}.recap-logo{letter-spacing:-.02em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.recap-logo .dot{background:var(--accent-grad);width:9px;height:9px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.recap-logo .brand{font-size:17px}.recap-nav-actions{align-items:center;gap:12px;display:inline-flex}.recap-card{background:var(--bg-elev);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:24px;margin:clamp(24px,8vh,88px) auto 40px;padding:40px}.recap-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-flex}.recap-eyebrow .dot{background:var(--live);border-radius:50%;width:8px;height:8px}.recap-title{letter-spacing:-.035em;margin:0 0 10px;font-size:34px;font-weight:700;line-height:1.05}.recap-sub{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 28px;font-size:15px;display:flex}.recap-room-title{color:var(--fg);font-weight:600}.recap-sub-sep{color:var(--fg-subtle)}.recap-host{color:var(--fg);font-weight:600}.recap-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.recap-stat{background:var(--bg-soft);border:1px solid var(--border);text-align:center;border-radius:14px;padding:16px 12px}.recap-stat-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.recap-stat-label{color:var(--fg-muted);margin-top:4px;font-size:12px}.recap-recording{background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;padding:16px}.recap-recording-head{align-items:flex-start;gap:12px;display:flex}.recap-recording-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;flex-shrink:0;margin-top:4px}.recap-recording-title{font-size:14px;font-weight:600}.recap-recording-sub{color:var(--fg-muted);margin-top:2px;font-size:13px;line-height:1.5}.recap-bullets{color:var(--fg-muted);margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.55}.recap-bullets li{margin:2px 0}.recap-clip-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.recap-clip{background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.recap-clip:hover{border-color:var(--accent)}.recap-clip-title{font-size:14px;font-weight:500}.recap-clip-time{color:var(--fg-subtle);font-variant-numeric:tabular-nums;font-size:12px}.recap-actions{flex-direction:column;gap:10px;display:flex}.recap-actions .btn{justify-content:center;width:100%}.btn-link{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:14px;font-weight:500}.btn-link:hover{color:var(--fg)}@media (max-width:520px){.recap-stats{grid-template-columns:repeat(2,1fr)}.recap-card{padding:28px 22px}}.shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.shell-body{flex-direction:column;flex:1;min-height:0;display:flex}.shell-body>.join,.shell-body>.recap,.shell-body>.scheduled{flex:1;min-height:0}.scheduled{justify-content:center;align-items:center;padding:32px 20px;display:flex}.scheduled-card{background:var(--bg-elev);border:1px solid var(--border);width:100%;min-width:0;max-width:480px;box-shadow:var(--shadow-lg);border-radius:24px;padding:40px}.scheduled-eyebrow{letter-spacing:.12em;color:var(--fg-muted);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-flex}.scheduled-eyebrow .dot{background:var(--accent-grad);border-radius:50%;width:8px;height:8px}.scheduled-title{overflow-wrap:break-word;margin:0 0 6px;font-size:30px;line-height:1.12}.scheduled-host{color:var(--fg-muted);margin:0 0 20px}.scheduled-host-name{color:var(--fg);font-weight:600}.scheduled-when{background:var(--bg-tile);border:1px solid var(--border);color:var(--fg);border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;font-weight:600;display:flex}.scheduled-when-icon{font-size:18px}.scheduled-desc{color:var(--fg-muted);white-space:pre-wrap;margin:0 0 16px;line-height:1.6}.scheduled-going{color:var(--fg-muted);margin-bottom:20px;font-size:14px}.scheduled-hint{color:var(--fg-subtle);text-align:center;margin:12px 0 0;font-size:13px}.dash{width:100%;max-width:920px;margin:0 auto;padding:28px 24px 80px}.dash-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.dash-head-text h1{margin:0}.dash-head-text .tagline{margin:6px 0 0}.dash .btn{white-space:nowrap;flex:none;width:auto}.host-room-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.host-empty{text-align:center;max-width:460px;color:var(--fg-muted);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:20px;margin:24px auto 0;padding:48px 36px}.host-empty-icon{margin-bottom:14px;font-size:34px;line-height:1}.host-empty h2{color:var(--fg);margin:0 0 8px;font-size:20px}.host-empty p{margin:0 0 22px}.nav-signout{cursor:pointer;font:inherit;color:var(--fg-muted);white-space:nowrap;background:0 0;border:none;padding:6px 4px;font-size:14px;font-weight:500;transition:color .14s}.nav-signout:hover{color:var(--fg)}@media (max-width:720px){.landing-nav-menu{display:none}.landing-nav-left .nav-signout{display:inline-block}}.join-card,.recap-card{min-width:0}.join-card h1,.recap-title{overflow-wrap:break-word}.price-field .price-input{background:var(--bg-tile);border:1px solid var(--border);border-radius:12px;align-items:center;gap:4px;padding:0 14px;display:flex}.price-field .price-input:focus-within{border-color:var(--accent)}.price-currency{color:var(--fg-muted);font-weight:600}.price-field .price-input input{color:var(--fg);font:inherit;background:0 0;border:none;flex:1;padding:13px 0}.price-field .price-input input:focus{outline:none}.price-hint{margin-top:6px;font-size:12px;display:block}@media (max-width:720px){.landing-nav{gap:8px;padding:14px}.landing-nav-left{gap:14px}.landing-nav-actions{gap:8px}.mockup{max-width:100%}.dash{padding:22px 16px 64px}.dash-head{flex-direction:column;align-items:flex-start;gap:14px}.host-room-grid{grid-template-columns:1fr}.host-empty{margin-top:16px;padding:36px 24px}.join{padding:18px 14px}.join-card{border-radius:18px;padding:28px 22px}.join-card h1{font-size:30px;line-height:1.1}.recap-card{margin-top:16px;padding:26px 20px}}@media (max-width:460px){.landing-nav{padding:12px}.landing-nav-left{gap:12px}.landing-nav-actions{gap:6px}.landing-nav-actions .btn-compact{padding:8px 12px;font-size:12px}.nav-signout{padding:6px 2px;font-size:13px}.landing-logo .brand{font-size:16px}}