:root{--bg:#12121a;--surface:#1c1c27;--text:#f4f4f8;--muted:#9a9aae;--accent:#6ee7a8;--live:#6ee7a8;--warn:#f0b055;--danger:#f2777a;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}body{overscroll-behavior:none}#app{min-height:100%}.screen{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1.25rem;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center}h1{letter-spacing:-.02em;margin:0;font-size:2rem}.lede{color:var(--muted);margin:0;font-size:1.05rem}.hint{max-width:22rem;color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.error{color:var(--danger);margin:0;font-size:.95rem}.hidden{display:none!important}button,.primary{font-family:inherit;font-size:inherit;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}.primary{background:var(--accent);color:#06120c;justify-content:center;align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.big{width:min(100%,22rem);min-height:3.75rem;padding:0 2rem;font-size:1.15rem}.primary:disabled{opacity:.55}.ghost{color:var(--muted);background:0 0;min-height:2.75rem;padding:.85rem 1rem;font-size:.95rem}.ghost.danger{color:var(--danger)}.code{letter-spacing:.12em;font-variant-numeric:tabular-nums;margin:0;font-size:2.5rem;font-weight:700}.code.muted{color:var(--muted);font-size:1.5rem}.bar{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.status{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.status.live{color:var(--live)}.status.connecting,.status.reconnecting,.status.blocked{color:var(--warn)}.status.closed{color:var(--danger)}.host-live{text-align:center;justify-content:space-between;align-items:center}.listeners{color:var(--muted);margin:0;font-size:.95rem}.listeners .count{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.35rem}.listeners.nobody .count{color:var(--warn)}.join-panel{flex-direction:column;align-items:center;gap:.75rem;display:flex}.qr{aspect-ratio:1;border-radius:var(--radius);background:#fff;width:min(58vw,15rem);padding:.65rem}.join-hint{color:var(--muted);margin:0;font-size:.85rem}.mic-panel{flex-direction:column;align-items:center;gap:.85rem;width:100%;display:flex}.level{background:var(--surface);border-radius:999px;width:min(100%,22rem);height:.5rem;overflow:hidden}.level-fill{background:var(--accent);transform-origin:0;height:100%;transition:transform .1s linear;transform:scaleX(0)}.talk{border-radius:var(--radius);background:var(--surface);width:min(100%,22rem);min-height:5.5rem;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:2px solid #0000;font-size:1.25rem;font-weight:650;transition:background .12s,border-color .12s}.talk.live{background:var(--live);color:#06120c;border-color:#fff}.listening{justify-content:center;gap:1.75rem}.pulse{background:var(--live);opacity:.9;border-radius:50%;width:6rem;height:6rem;animation:2.4s ease-in-out infinite breathe}.pulse.paused{background:var(--muted);opacity:.4;animation:none}@keyframes breathe{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:.95;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.code-input{font:inherit;letter-spacing:.18em;text-align:center;text-transform:uppercase;border-radius:var(--radius);border:2px solid var(--surface);background:var(--surface);width:min(100%,22rem);min-height:4rem;color:var(--text);padding:0 1rem;font-size:2rem;font-weight:700}.code-input:focus{border-color:var(--accent);outline:none}