:root{--chat-shell-bg:#f4f7f2;--chat-shell-fg:#132019;--chat-shell-panel:#fff;--chat-shell-muted:#4f6058;--chat-shell-line:#14312324;--chat-shell-line-strong:#14312347;--chat-topbar-bg:#f4f7f2e0;--chat-control-bg:#ffffffbd;--chat-control-hover:#fff;--chat-room-bg:#edf3e9;--chat-room-fg:#101713;--chat-room-muted:#4d5f55;--chat-room-panel:#f7faf5;--chat-room-elevated:#fff;--chat-room-line:#062d2224;--chat-room-line-strong:#062d2240;--chat-accent:#087a5b;--chat-accent-strong:#064b3a;--chat-accent-contrast:#f3fff9;--chat-accent-soft:#087a5b24;--chat-highlight:#c7eb52;--chat-highlight-ink:#17320f;--chat-danger:#a8323c;--chat-idle:#6b7a71;--chat-glow:#25b18433;--chat-shadow:#0e281b29;--chat-shadow-soft:#0d231912;--chat-grid:#0f4b330b;--chat-radius:.9rem;--chat-radius-lg:1.6rem;--chat-topbar-h:4.5rem}html.dark{--chat-shell-bg:#0b0e0d;--chat-shell-fg:#edf4e4;--chat-shell-panel:#151a17;--chat-shell-muted:#9ca79d;--chat-shell-line:#eff4e51f;--chat-shell-line-strong:#eff4e538;--chat-topbar-bg:#0b0e0ddb;--chat-control-bg:#ffffff09;--chat-control-hover:#ffffff17;--chat-room-bg:#111713;--chat-room-fg:#edf4e4;--chat-room-muted:#a8b5ac;--chat-room-panel:#171e1a;--chat-room-elevated:#202923;--chat-room-line:#e4f2e821;--chat-room-line-strong:#e4f2e840;--chat-accent:#72efc3;--chat-accent-strong:#72efc3;--chat-accent-contrast:#062d22;--chat-accent-soft:#72efc31f;--chat-highlight:#d5f66f;--chat-highlight-ink:#14250b;--chat-danger:#ff9696;--chat-idle:#8b968e;--chat-glow:#72efc324;--chat-shadow:#0000006b;--chat-shadow-soft:#0003;--chat-grid:#ffffff05}html:has(.chat-shell),html:has(.chat-shell) body{max-width:100%;height:100%;overflow:hidden}html:has(.chat-shell){background:var(--chat-shell-bg)}html:has(.chat-shell) body{color:var(--chat-shell-fg);background:var(--chat-shell-bg)}html:has(.chat-shell) body:before{background-image:radial-gradient(circle at 6% 8%, var(--chat-accent-soft), transparent 22rem), linear-gradient(var(--chat-grid) 1px, transparent 1px), linear-gradient(90deg, var(--chat-grid) 1px, transparent 1px);background-size:auto,5rem 5rem,5rem 5rem;mask-image:linear-gradient(#000,#0000 80%)}.chat-shell{z-index:1;grid-template-rows:var(--chat-topbar-h) minmax(0, 1fr);height:100dvh;font-family:var(--font-sans);display:grid;position:relative}.chat-shell button,.chat-shell input{font-family:inherit}.chat-shell svg:not(.hidden){flex:none;display:block}.chat-icon{width:1.1rem;height:1.1rem}.chat-icon-sm{width:.85rem;height:.85rem}.chat-skip-link{z-index:300;color:var(--chat-highlight-ink);background:var(--chat-highlight);border-radius:.6rem;padding:.7rem 1rem;font-weight:800;position:fixed;top:.6rem;left:.6rem;transform:translateY(-180%)}.chat-skip-link:focus{transform:none}.chat-topbar{z-index:10;border-bottom:1px solid var(--chat-shell-line);background:var(--chat-topbar-bg);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding-inline:clamp(.8rem,3vw,2rem);display:flex;position:relative}.chat-brand{color:var(--chat-shell-fg);font-family:var(--font-display);letter-spacing:-.035em;align-items:center;gap:.65rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.chat-brand-mark{width:2rem;height:2rem;color:var(--color-brand-glyph);background:var(--color-brand-tile);border-radius:50% 50% 46% 54%/58% 42%;place-items:center;display:grid}.chat-brand-mark svg{width:1.2rem;height:1.2rem}.chat-session-meta{align-items:center;gap:.8rem;min-width:0;display:flex}.chat-connection{color:var(--chat-shell-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:.45rem;font-size:.58rem;font-weight:700;line-height:1;display:inline-flex}.chat-dot{background:var(--chat-accent);width:.45rem;height:.45rem;box-shadow:0 0 0 .3rem var(--chat-accent-soft);border-radius:50%;flex:none}.chat-dot[data-state=searching],.chat-dot[data-state=live]{animation:2s infinite chat-pulse}.chat-dot[data-state=idle]{background:var(--chat-idle);box-shadow:none;animation:none}.chat-vibe-tag{color:var(--chat-highlight-ink);background:var(--chat-highlight);font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.45rem .7rem;font-size:.56rem;font-weight:700;line-height:1}.chat-top-actions{align-items:center;gap:.55rem;display:flex}.chat-icon-btn{min-width:2.75rem;min-height:2.75rem;color:var(--chat-shell-muted);background:var(--chat-control-bg);border:1px solid var(--chat-shell-line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.chat-icon-btn:hover{color:var(--chat-shell-fg);background:var(--chat-control-hover);border-color:var(--chat-shell-line-strong)}.chat-theme-toggle{color:var(--chat-accent);border-color:var(--chat-accent);background:var(--chat-accent-soft)}.chat-theme-toggle:hover{color:var(--chat-accent);border-color:var(--chat-accent)}.chat-leave{color:var(--chat-danger);font-family:var(--font-mono);text-transform:uppercase;padding-inline:.85rem;font-size:.58rem;font-weight:700}.chat-leave:hover{color:var(--chat-danger);border-color:var(--chat-danger)}.chat-lang>summary{height:2.75rem;color:var(--chat-shell-muted);background:var(--chat-control-bg);border-color:var(--chat-shell-line)}.chat-lang>summary:hover{color:var(--chat-shell-fg);border-color:var(--chat-shell-line-strong)}.chat-lang>ul{min-width:11rem;max-height:min(60vh, calc(100dvh - var(--chat-topbar-h) - 1.5rem));color:var(--chat-shell-fg);background:var(--chat-shell-panel);border-color:var(--chat-shell-line);position:absolute;top:100%;right:0}.chat-lang>ul a{color:var(--chat-shell-muted)}.chat-lang>ul a:hover{background:var(--chat-control-hover)}.chat-lang>ul a[aria-current=true]{color:var(--chat-shell-fg);font-weight:600}.chat-workspace{grid-template-columns:minmax(0,1fr) 19rem;gap:clamp(.65rem,2vw,1.25rem);width:min(100%,88rem);height:100%;min-height:0;margin:0 auto;padding:clamp(.65rem,2vw,1.35rem);display:grid}.chat-room{min-width:0;min-height:0;color:var(--chat-room-fg);background:var(--chat-room-bg);border:1px solid var(--chat-shell-line);border-radius:var(--chat-radius-lg);box-shadow:0 28px 80px var(--chat-shadow);position:relative;overflow:hidden}.chat-state{position:absolute;inset:0}.chat-room[data-state=searching] .chat-connected,.chat-room[data-state=connected] .chat-searching,.chat-room[data-state=ended] .chat-searching,.chat-room[data-state=searching] .chat-ended,.chat-room[data-state=connected] .chat-ended,.chat-room[data-medium=voice][data-state=ended] .chat-connected,.chat-room[data-medium=text][data-state=ended] .chat-composer,.chat-room[data-medium=text][data-state=ended] #icebreakers,.chat-room[data-medium=text][data-state=ended] #reply-preview,.chat-room[data-medium=text][data-state=ended] #skip-btn,.chat-room[data-medium=text][data-state=ended] #report-btn{display:none}.chat-searching,.chat-ended{text-align:center;background:radial-gradient(circle at 50% 45%, var(--chat-glow), transparent 13rem), var(--chat-room-bg);place-items:center;padding:clamp(1.3rem,5vw,4rem);display:grid;overflow-y:auto}.chat-room[data-medium=text] .chat-ended{max-height:45dvh;padding:.9rem max(.9rem, env(safe-area-inset-right)) max(.9rem, env(safe-area-inset-bottom)) max(.9rem, env(safe-area-inset-left));border-top:1px solid var(--chat-room-line);background:var(--chat-room-bg);position:static}.chat-room[data-medium=text] .chat-ended .chat-end-mark{display:none}.chat-room[data-medium=text] .chat-ended .chat-state-inner{max-width:30rem}.chat-room[data-medium=text] .chat-ended .chat-state-title{letter-spacing:-.02em;font-size:1.05rem}.chat-room[data-medium=text] .chat-ended .chat-state-copy{max-width:none;margin:.3rem auto .85rem;font-size:.8rem}.chat-state-inner{width:100%;max-width:34rem;margin-block:auto}.chat-state-title{color:var(--chat-room-fg);font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1}.chat-state-title-sm{font-size:clamp(1.6rem,3vw,2.6rem)}.chat-state-copy{max-width:31rem;color:var(--chat-room-muted);margin:.9rem auto 1.5rem;font-size:.95rem}.chat-orbit{background:radial-gradient(circle at 50% 50%, var(--chat-accent-soft), transparent 62%);border-radius:50%;place-items:center;width:9.5rem;height:9.5rem;margin:0 auto 2rem;display:grid;position:relative}.chat-orbit-ring{border:1px solid var(--chat-accent);opacity:.25;border-radius:50%;animation:2.4s ease-out infinite chat-halo;position:absolute;inset:0}.chat-orbit-ring-inner{border:2px solid #0000;border-top-color:var(--chat-accent);opacity:1;animation:1.15s linear infinite chat-spin;inset:1.15rem}.chat-orbit-paused{animation:none}.chat-orbit-core{width:4rem;height:4rem;color:var(--chat-accent-contrast);background:var(--chat-accent-strong);box-shadow:0 0 0 .55rem var(--chat-accent-soft);border-radius:50%;place-items:center;display:grid}.chat-orbit-core svg{width:1.7rem;height:1.7rem}.chat-vibe-badge{color:var(--chat-room-muted);background:var(--chat-accent-soft);border:1px solid var(--chat-room-line);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.45rem .8rem;font-size:.62rem;display:inline-flex}.chat-vibe-badge #vibe-label{color:var(--chat-accent-strong);font-weight:700}.chat-group-label{color:var(--chat-room-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;margin:0 0 .8rem;font-size:.58rem;font-weight:700}.chat-vibe-group{margin-top:1.75rem}.chat-vibe-pills,.chat-vibe-choices{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.chat-vibe-choices{margin:1.5rem 0}.vibe-pill,.vibe-choice{min-height:2.75rem;color:var(--chat-room-muted);border:1px solid var(--chat-room-line-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:999px;padding:.55rem .8rem;font-size:.56rem;font-weight:700;line-height:1;transition:color .15s,background .15s,border-color .15s}.vibe-pill:hover,.vibe-choice:hover{color:var(--chat-accent-strong);border-color:var(--chat-accent)}.vibe-pill.vibe-pill-active,html.dark .vibe-pill.vibe-pill-active,.vibe-choice[aria-pressed=true]{color:var(--chat-highlight-ink);background:var(--chat-highlight);border-color:var(--chat-highlight)}.chat-queue-status{color:var(--chat-accent-strong);font-family:var(--font-mono);margin:1.25rem 0 0;font-size:.72rem}.chat-btn{min-height:3rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.75rem 1.1rem;font-size:.67rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.chat-btn:hover{transform:translateY(-2px)}.chat-btn-dark{color:var(--chat-accent-contrast);background:var(--chat-accent-strong)}.chat-btn-ghost{color:var(--chat-accent-strong);border-color:var(--chat-room-line-strong);background:0 0}.chat-button-row{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.chat-button-row .chat-btn{margin-top:0}.chat-ended-reason{color:var(--chat-accent-strong);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin:.9rem 0 0;font-size:.68rem;font-weight:700}.chat-ended-reason:empty{display:none}.chat-ended-reason:not(:empty)+.chat-state-copy{margin-top:.5rem}.chat-end-mark{width:4.5rem;height:4.5rem;color:var(--chat-accent-contrast);background:var(--chat-accent-strong);border-radius:50%;place-items:center;margin:0 auto 1.5rem;display:grid}.chat-connected{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.chat-room-head{border-bottom:1px solid var(--chat-room-line);background:var(--chat-room-panel);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.chat-peer{align-items:center;gap:.65rem;min-width:0;display:flex}.chat-avatar{width:2.45rem;height:2.45rem;color:var(--chat-accent-contrast);background:var(--chat-accent-strong);border-radius:50%;flex:none;place-items:center;display:grid}.chat-peer-id{min-width:0}.chat-peer-id strong{color:var(--chat-room-fg);font-family:var(--font-display);font-size:.8rem;font-weight:800;line-height:1.2;display:block}.chat-peer-id small{color:var(--chat-room-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.52rem;font-weight:700;line-height:1;display:flex}.chat-room-actions{align-items:center;gap:.4rem;display:flex}.chat-vibe-tag-room{font-size:.52rem}.chat-room-tool{width:2.75rem;height:2.75rem;color:var(--chat-room-muted);background:var(--chat-room-panel);border:1px solid var(--chat-room-line);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:grid}.chat-room-tool:hover{color:var(--chat-accent-strong);background:var(--chat-room-elevated);border-color:var(--chat-room-line-strong)}.chat-report-tool:hover{color:var(--chat-danger);border-color:var(--chat-danger)}.chat-side{flex-direction:column;gap:.8rem;min-height:0;display:flex;overflow-y:auto}.chat-side-card{background:var(--chat-shell-panel);border:1px solid var(--chat-shell-line);border-radius:var(--chat-radius);box-shadow:0 .5rem 1.5rem var(--chat-shadow-soft);padding:1rem}.chat-side-label{color:var(--chat-accent);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.8rem;font-size:.58rem;font-weight:700;display:block}.chat-session-line{border-top:1px solid var(--chat-shell-line);justify-content:space-between;align-items:center;gap:.7rem;padding:.7rem 0;display:flex}.chat-session-line:first-of-type{border-top:0}.chat-session-line span{color:var(--chat-shell-muted);font-size:.78rem}.chat-session-line strong{color:var(--chat-shell-fg);text-align:right;font-size:.78rem}.chat-safety-list{gap:.65rem;display:grid}.chat-safety-item{color:var(--chat-shell-muted);gap:.55rem;font-size:.75rem;display:flex}.chat-safety-item svg{color:var(--chat-accent);margin-top:.2rem}.chat-side-actions{gap:.55rem;margin-top:auto;display:grid}.chat-side-report{width:100%;min-height:2.75rem;color:var(--chat-shell-muted);border:1px solid var(--chat-shell-line);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem;font-size:.56rem;font-weight:700;display:flex}.chat-side-report:hover{color:var(--chat-danger);border-color:var(--chat-danger)}.chat-toast{z-index:200;max-width:calc(100% - 2rem);color:var(--chat-highlight-ink);background:var(--chat-highlight);box-shadow:0 1rem 3rem var(--chat-shadow);font-family:var(--font-mono);visibility:hidden;opacity:0;border-radius:.7rem;padding:.75rem 1rem;font-size:.62rem;font-weight:700;line-height:1.35;transition:transform .22s,opacity .22s,visibility .22s;position:fixed;bottom:1rem;left:50%;transform:translate(-50%,160%)}.chat-toast.chat-toast-show{visibility:visible;opacity:1;transform:translate(-50%)}@keyframes chat-pulse{50%{opacity:.45;transform:scale(.86)}}@keyframes chat-spin{to{transform:rotate(360deg)}}@keyframes chat-halo{0%{opacity:.35;transform:scale(.82)}70%{opacity:0;transform:scale(1.06)}to{opacity:0;transform:scale(1.06)}}@media (width<=900px){.chat-workspace{grid-template-columns:1fr;max-width:50rem}.chat-side,.chat-connection{display:none}}@media (width<=600px){.chat-shell{--chat-topbar-h:4.1rem}.chat-topbar{padding-inline:.65rem}.chat-brand-word{font-size:.9rem}.chat-brand-mark{width:1.8rem;height:1.8rem}.chat-session-meta{gap:.4rem;min-width:0}.chat-lang{display:none}.chat-vibe-tag{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:4.5rem;max-width:7rem;overflow:hidden}.chat-top-actions{gap:.35rem}.chat-leave{width:2.75rem;padding:0}.chat-leave-word{display:none}.chat-workspace{padding:0}.chat-room{border:0;border-radius:0}.chat-room-head{padding:.65rem}.chat-searching,.chat-ended{padding:1.3rem}.chat-orbit{width:8rem;height:8rem}.chat-vibe-tag-room{display:none}}@media (width<=420px){.chat-topbar{gap:.35rem;padding-inline:.5rem}.chat-brand{justify-content:center;gap:0;min-width:2.75rem;min-height:2.75rem}.chat-brand-word{display:none}.chat-session-meta{gap:.25rem;min-width:0}.chat-vibe-tag{min-width:4rem;max-width:4.7rem;padding:.4rem .45rem}.chat-top-actions{gap:.25rem}}@media (prefers-reduced-motion:reduce){.chat-shell *,.chat-shell :before,.chat-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.chat-toast{transition:none}}