@font-face{font-family:Newsreader;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/newsreader.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-italic.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbfaf7;--paper-2:#f3f1ec;--white:#fff;--ink:#0e1726;--ink-2:#3b4352;--muted:#6b7280;--rule:#e3e0d9;--rule-strong:#c9c5bc;--accent:#1f3fbf;--accent-ink:#0b1f44;--accent-soft:#eef1fc;--danger:#b42318;--lime:#6f8f1f;--pink:#b8407f;--serif:"Newsreader", "Iowan Old Style", "Charter", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--bar-h:56px;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.2, 1.25, .4, 1);--night:radial-gradient(120% 70% at 80% 0%, #2c47a8 0%, transparent 60%), linear-gradient(170deg, #142a63, #0b1f44 55%, #0e1726)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{font-family:var(--sans);color:var(--ink-2);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:400}em{font-family:var(--serif);font-style:italic}h1 em,h2 em{color:var(--accent)}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.logo svg{flex:none;width:22px;height:22px}.logo b{color:var(--accent)}.logo .sub{color:var(--muted);border-left:1px solid var(--rule-strong);margin-left:2px;padding-left:8px;font-weight:400}.pill{white-space:nowrap;background:var(--accent-ink);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:13.5px;font-weight:500;transition:background .2s,transform .15s,opacity .2s;display:inline-flex}.pill:hover{background:var(--accent)}.pill:active{transform:scale(.97)}.pill[disabled]{opacity:.5;cursor:default}.pill.ghost{color:var(--ink);border:1px solid var(--rule-strong);background:0 0}.pill.ghost:hover{background:var(--paper-2)}.pill.light{color:#fff;background:#ffffff24}.pill.light:hover{background:#ffffff3d}.pill.block{width:100%;height:46px;font-size:14px}.link{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.link:hover{text-decoration:underline}.link.muted{color:var(--muted);font-weight:400}.icon-btn{border:1px solid var(--rule);background:var(--white);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;transition:background .2s,border-color .2s,transform .15s,color .2s;display:inline-grid}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px}.f label{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.f input{border:1px solid var(--rule-strong);background:var(--paper);width:100%;height:48px;font:inherit;color:var(--ink);appearance:none;border-radius:12px;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.f input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--white);outline:none}.f.invalid input{border-color:var(--danger);animation:.4s shake;box-shadow:0 0 0 3px #fbe9e7}.f .error{color:var(--danger);margin-top:8px;font-size:12.5px}.f.code input{letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;text-align:center;font-size:18px}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.gate{place-items:center;height:100dvh;padding:32px 16px;display:grid;overflow-y:auto}.gate-card{background:var(--white);border:1px solid var(--rule);width:100%;max-width:420px;animation:rise .6s var(--ease) both;border-radius:24px;padding:36px 32px 30px}.gate-card .logo{margin-bottom:36px}.gate-card h1{margin:10px 0 12px;font-size:clamp(30px,6vw,38px);line-height:1.1}.gate-card .lede{color:var(--muted);text-wrap:pretty;margin-bottom:28px;font-size:14.5px}.gate-card form{gap:14px;display:grid}.gate-card .fine{color:var(--muted);text-align:center;text-wrap:pretty;margin-top:18px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (max-width:480px){.gate-card{border-radius:20px;padding:28px 22px 24px}}.app{background:var(--paper);flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex}@media (min-width:760px){.app{border-left:1px solid var(--rule);border-right:1px solid var(--rule)}}.bar{height:var(--bar-h);-webkit-backdrop-filter:saturate(180%)blur(18px);background:#fbfaf7d9;border-bottom:1px solid #0e17260f;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.bar .who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.host{border-bottom:1px solid var(--rule);background:var(--white);flex:none;align-items:center;gap:14px;padding:18px 16px;display:flex}.avatar{background:var(--accent-ink);color:#fff;width:44px;height:44px;font-family:var(--serif);border-radius:50%;flex:none;place-items:center;font-size:19px;display:grid;position:relative}.avatar.sm{background:var(--paper-2);width:38px;height:38px;color:var(--ink);font-size:15px;font-family:var(--sans);font-weight:600}.avatar.lg{background:#ffffff1f;border:1px solid #fff3;width:96px;height:96px;font-size:40px}.host-text{flex:1;min-width:0}.host-text h1{font-size:22px;line-height:1.15}.status{color:var(--muted);align-items:center;gap:7px;margin-top:3px;font-size:12.5px;display:inline-flex}.status i{background:var(--rule-strong);border-radius:50%;flex:none;width:7px;height:7px}.status.online i{background:var(--lime);animation:2s infinite pulse;box-shadow:0 0 #6f8f1f80}.status.busy i{background:var(--pink)}@keyframes pulse{70%{box-shadow:0 0 0 7px #6f8f1f00}to{box-shadow:0 0 #6f8f1f00}}.host-actions{gap:8px;display:flex}.thread{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;padding:20px 16px 12px;display:flex;overflow-y:auto}.day{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:center;margin:14px 0 8px;font-size:11px;font-weight:600}.msg{max-width:min(78%,480px);animation:pop .35s var(--ease) both;flex-direction:column;display:flex}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.theirs{align-self:flex-start;align-items:flex-start}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;padding:9px 14px;font-size:14.5px;line-height:1.45}.mine .bubble{background:var(--accent-ink);color:#fff;border-bottom-right-radius:6px}.theirs .bubble{background:var(--white);color:var(--ink);border:1px solid var(--rule);border-bottom-left-radius:6px}.mine .bubble a{color:#c9d4ff;text-decoration:underline}.msg time{color:var(--muted);margin:3px 6px 6px;font-size:10.5px}.msg.grouped time{display:none}.vm{border-radius:18px;gap:8px;min-width:240px;padding:10px;display:grid}.mine .vm{background:var(--accent-ink);color:#fff;border-bottom-right-radius:6px}.theirs .vm{background:var(--white);border:1px solid var(--rule);color:var(--ink);border-bottom-left-radius:6px}.vm-label{align-items:center;gap:6px;padding:0 4px;font-size:12.5px;font-weight:500;display:flex}.vm-label svg{width:14px;height:14px}.vm audio{width:100%;height:36px}.vm video{aspect-ratio:3/4;object-fit:cover;background:#000;border-radius:12px;width:100%;max-width:320px}.call-line{background:var(--paper-2);color:var(--ink-2);border-radius:999px;align-self:center;align-items:center;gap:8px;margin:8px 0;padding:6px 12px;font-size:12px;display:inline-flex}.call-line svg{width:13px;height:13px}.call-line.missed{color:var(--danger);background:#fbeeec}.call-line time{color:var(--muted)}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.empty{text-align:center;max-width:320px;margin:auto;padding:24px 0}.empty h2{margin-bottom:8px;font-size:26px}.empty p{color:var(--muted);text-wrap:pretty;font-size:14px}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:var(--paper);flex:none;align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1px solid var(--rule-strong);background:var(--white);min-height:44px;max-height:160px;font:inherit;color:var(--ink);border-radius:22px;flex:1;padding:11px 16px;font-size:15px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.send{background:var(--accent-ink);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:background .2s,transform .15s,opacity .2s;display:grid}.send:hover{background:var(--accent)}.send:active{transform:scale(.94)}.send[disabled]{opacity:.35;cursor:default}.send svg{width:18px;height:18px}.banner{text-align:center;color:var(--danger);background:#fbeeec;flex:none;padding:8px 16px;font-size:12.5px}.banner.info{background:var(--accent-soft);color:var(--accent)}.banner button{color:inherit;background:0 0;border:0;padding:0 0 0 6px;font-weight:600;text-decoration:underline}.stage{z-index:100;color:#fff;background:var(--night);animation:fade .35s var(--ease) both;padding:calc(20px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));background-color:#0b1f44;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fade{0%{opacity:0}}.stage .remote,.stage .review-media{background:#000;position:absolute;inset:0}.stage .remote video,.stage .review-media video{object-fit:cover;width:100%;height:100%}.stage .remote:after{content:"";pointer-events:none;background:linear-gradient(#00000073,#0000 22% 70%,#0000008c);position:absolute;inset:0}.stage .self{top:calc(20px + env(safe-area-inset-top));aspect-ratio:3/4;z-index:3;background:#111;border:1px solid #ffffff2e;border-radius:16px;width:112px;position:absolute;right:20px;overflow:hidden;box-shadow:0 10px 30px #0006}.stage .self.big{border-radius:22px;width:min(280px,70vw);margin:6px auto 0;position:relative;top:auto;right:auto}.stage .self.off:after{content:"Camera off";color:#ffffffb3;background:#1a2233;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.stage-top{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.stage-top .logo{color:#fff}.stage-top .logo b{color:#9fb2ff}.stage-top .logo .sub{color:#fff9;border-color:#ffffff40}.stage-mid{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:100%;max-width:440px;display:flex;position:relative}.stage h2{color:#fff;font-size:clamp(30px,7vw,40px);line-height:1.1}.stage h2 em{color:#9fb2ff}.stage .sub-line{color:#ffffffb8;text-wrap:pretty;font-size:14px}.stage .timer{font-variant-numeric:tabular-nums;color:#ffffffd9;font-size:14px}.stage.live .stage-mid{justify-content:flex-end}.stage.live.has-video .stage-mid .avatar{display:none}.stage-ctrl{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:24px;display:flex;position:relative}.ctl{color:#fffc;background:0 0;border:0;justify-items:center;gap:8px;padding:0;font-size:11.5px;display:grid}.ctl span:first-child{-webkit-backdrop-filter:blur(10px);background:#ffffff24;border-radius:50%;place-items:center;width:60px;height:60px;transition:background .2s,transform .15s;display:grid}.ctl:hover span:first-child{background:#ffffff3d}.ctl:active span:first-child{transform:scale(.94)}.ctl.on span:first-child{color:var(--ink);background:#fff}.ctl.end span:first-child{background:#d92d20}.ctl.end:hover span:first-child{background:#b42318}.ctl.go span:first-child{background:#3f9142}.ctl.go:hover span:first-child{background:#357a37}.ctl svg{width:24px;height:24px}.ringing .avatar.lg{animation:ring 2s var(--ease) infinite}@keyframes ring{0%{box-shadow:0 0 #9fb2ff80}70%{box-shadow:0 0 0 26px #9fb2ff00}to{box-shadow:0 0 #9fb2ff00}}.ring-bar{background:#ffffff26;border-radius:2px;width:140px;height:3px;overflow:hidden}.ring-bar i{transform-origin:0;background:#9fb2ff;height:100%;animation:linear forwards drain;display:block}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rec-live{letter-spacing:.06em;text-transform:uppercase;color:#ffb4b6;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.rec-live i{background:#e5484d;border-radius:50%;width:9px;height:9px;animation:1.2s step-end infinite blinkrec}@keyframes blinkrec{50%{opacity:.25}}.rec{background:0 0;border:3px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;transition:transform .15s;display:grid}.rec:active{transform:scale(.95)}.rec i{width:56px;height:56px;transition:width .25s var(--spring), height .25s var(--spring), border-radius .25s;background:#e5484d;border-radius:50%}.rec.stop i{border-radius:6px;width:28px;height:28px}.meter{background:#ffffff26;border-radius:2px;width:min(280px,70vw);height:4px;overflow:hidden}.meter i{background:#e5484d;height:100%;transition:width .25s linear;display:block}.wave{align-items:center;gap:4px;height:40px;display:flex}.wave i{background:#fffc;border-radius:2px;width:4px;animation:1s ease-in-out infinite wave}.wave i:nth-child(2n){animation-delay:-.3s}.wave i:nth-child(3n){animation-delay:-.6s}.wave i:nth-child(5n){animation-delay:-.8s}@keyframes wave{0%,to{height:8px}50%{height:36px}}.stage audio{width:min(320px,80vw)}.stage .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stage .link{color:#fffc}.tick{width:56px;height:56px;animation:bump .5s var(--spring);background:#3f9142;border-radius:50%;position:relative}.tick:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:11px;height:21px;position:absolute;top:13px;left:21px;transform:rotate(45deg)}@keyframes bump{40%{transform:scale(1.15)}}.admin{flex-direction:column;height:100dvh;display:flex}.admin .bar{padding:0 20px}.bar-end{align-items:center;gap:14px;display:flex}.switch{border:1px solid var(--rule-strong);background:var(--white);height:34px;color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 6px;font-size:12.5px;font-weight:500;display:inline-flex}.switch i{background:var(--rule-strong);border-radius:999px;width:36px;height:22px;transition:background .25s;position:relative}.switch i:after{content:"";width:16px;height:16px;transition:transform .25s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch[aria-checked=true] i{background:var(--lime)}.switch[aria-checked=true] i:after{transform:translate(14px)}.panes{flex:1;grid-template-columns:340px 1fr;min-height:0;display:grid}.list{border-right:1px solid var(--rule);background:var(--white);flex-direction:column;min-height:0;display:flex}.search{border-bottom:1px solid var(--rule);padding:12px;position:relative}.search svg{width:14px;height:14px;color:var(--muted);margin-top:-7px;position:absolute;top:50%;left:24px}.search input{border:1px solid var(--rule);background:var(--paper);width:100%;height:38px;font:inherit;color:var(--ink);border-radius:999px;padding:0 12px 0 34px;font-size:13.5px}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--white);outline:none}.threads{flex:1;overflow-y:auto}.threads button{text-align:left;border:0;border-bottom:1px solid var(--rule);background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;width:100%;padding:12px 14px;display:grid}.threads button:hover{background:var(--paper)}.threads button[aria-current=true]{background:var(--accent-soft)}.threads .avatar{grid-row:span 2}.threads strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.threads .when{color:var(--muted);font-size:11px}.threads .preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.threads .unread strong{color:var(--accent-ink)}.threads .unread .preview{color:var(--ink);font-weight:500}.badge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:grid}.list-empty{text-align:center;color:var(--muted);padding:32px 20px;font-size:13px}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.pane .host{padding:14px 20px}.pane .host h1{font-size:20px}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:2px;font-size:12.5px;display:flex}.pane-empty{text-align:center;max-width:340px;margin:auto;padding:24px}.pane-empty h2{margin-bottom:8px;font-size:28px}.pane-empty p{color:var(--muted);font-size:14px}.back{display:none}@media (max-width:820px){.panes{grid-template-columns:1fr}.panes.open .list,.panes:not(.open) .pane{display:none}.back{display:inline-grid}.admin .bar .logo .sub{display:none}}
