*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"JetBrains Mono","Commit Mono","IBM Plex Mono",ui-monospace,"Cascadia Code","Fira Code",monospace;--font-ui:"Helvetica Neue",Helvetica,Arial,ui-sans-serif,system-ui,sans-serif;--font-size:14px;--line-height:1.65;--bg:#1a1714;--surface:#231f1c;--surface-2:#2c2825;--text:#efe7d8;--text-muted:#8a8580;--accent:oklch(.68 .17 45);--accent-hover:oklch(.62 .18 42);--bubble-self-bg:oklch(.68 .17 45);--bubble-self-fg:#1a1714;--bubble-peer-bg:#2c2825;--bubble-peer-fg:#efe7d8;--border:#2c2825;--danger:#e54040;--danger-hover:#c83030;--success:#30a952;--r-sm:4px;--r-md:6px;--r-lg:8px;--col:760px;--gutter:1.25rem}[data-theme=light]{--bg:#efe7d8;--surface:#f5f1ea;--surface-2:#e5ddd0;--text:#1a1714;--text-muted:#8a8580;--accent:oklch(.55 .18 38);--accent-hover:oklch(.47 .17 35);--bubble-self-bg:oklch(.55 .18 38);--bubble-self-fg:#f5f1ea;--bubble-peer-bg:#e5ddd0;--bubble-peer-fg:#1a1714;--border:#d4ccc0;--danger:#c83030;--danger-hover:#a02020;--success:#1e8c3a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#efe7d8;--surface:#f5f1ea;--surface-2:#e5ddd0;--text:#1a1714;--text-muted:#8a8580;--accent:oklch(.55 .18 38);--accent-hover:oklch(.47 .17 35);--bubble-self-bg:oklch(.55 .18 38);--bubble-self-fg:#f5f1ea;--bubble-peer-bg:#e5ddd0;--bubble-peer-fg:#1a1714;--border:#d4ccc0;--danger:#c83030;--danger-hover:#a02020;--success:#1e8c3a}}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:var(--font-size);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"calt" 1,"liga" 0}.shell{background:var(--bg);--px:max(var(--gutter),calc((100% - var(--col))/2));flex-direction:column;height:100dvh;display:flex}.header{padding:.6rem var(--px);padding-top:max(.6rem,calc(.6rem + env(safe-area-inset-top,0px)));border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:.75rem;display:flex}.logo-lockup{user-select:none;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{flex-shrink:0;width:28px;height:28px;display:block}.logo-mark .card-bg{fill:var(--bg)}.logo-word{font-family:var(--font-ui);letter-spacing:-.025em;color:var(--text);font-size:1.05rem;font-weight:600;line-height:1}.client-id-badge{font-family:var(--font);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:.15rem .55rem;font-size:.75rem;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;gap:.4rem;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:border-color .12s,color .12s,background .12s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--text);background:var(--surface-2)}.icon-btn svg{pointer-events:none;display:block}.main{padding:2.5rem var(--px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex;overflow:hidden}.tagline{font-family:var(--font-ui);color:var(--text-muted);text-align:center;letter-spacing:-.01em;margin-bottom:.5rem;font-size:1rem;font-weight:400}.hero-lockup{user-select:none;flex-direction:row;align-items:center;gap:22px;margin-bottom:1.25rem;display:flex}.hero-mark{flex-shrink:0;width:96px;height:96px;display:block}.hero-mark .card-bg{fill:var(--bg)}.hero-word{font-family:var(--font-ui);letter-spacing:-.025em;color:var(--text);font-size:4rem;font-weight:600;line-height:1}.hero-tag{border-left:1px solid var(--border);font-family:var(--font-ui);color:var(--text-muted);max-width:140px;margin-left:18px;padding-left:18px;font-size:13px;line-height:1.45}@media (width<=520px){.hero-lockup{text-align:center;flex-direction:column;align-items:center;gap:12px}.hero-tag{border-left:none;border-top:1px solid var(--border);text-align:center;max-width:260px;margin-left:0;padding-top:12px;padding-left:0}}.status-hint{color:var(--text-muted);text-align:center;opacity:.7;font-size:.75rem}.btn{font-family:var(--font-ui);border-radius:var(--r-sm);cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;padding:.6rem 2rem;font-size:.9rem;font-weight:600;line-height:1;transition:background .12s,border-color .12s,opacity .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-shuffle{color:var(--text);border:1.5px solid var(--text);letter-spacing:-.01em;opacity:.9;background:0 0;align-items:center;gap:10px;padding:.65rem 2rem;font-size:.95rem;font-weight:600;transition:opacity .12s,border-color .12s;display:inline-flex}.btn-shuffle:hover:not(:disabled){opacity:1;border-color:var(--accent);color:var(--accent)}.btn-shuffle:active{transform:scale(.98)}.btn-shuffle-icon{flex-shrink:0;align-items:center;display:flex}.btn-shuffle-icon .logo-mark{width:20px;height:20px}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-muted)}.btn-sm{padding:.38rem .85rem;font-size:.8rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.status-label{color:var(--text-muted);text-align:center;letter-spacing:.01em;font-size:.82rem}.auto-row{color:var(--text-muted);font-size:.8rem;font-family:var(--font);align-items:center;gap:.5rem;display:flex}.auto-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:13px;height:13px}.auto-row input[type=number]{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);width:44px;color:var(--text);font-family:var(--font);text-align:center;padding:.2rem .35rem;font-size:.8rem}.countdown-badge{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.78rem;font-family:var(--font);align-items:center;gap:.3rem;padding:.2rem .65rem;display:inline-flex}.chat-shell{flex-direction:column;width:100%;height:100%;display:flex}.chat-bar{padding:.5rem var(--px);border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-bar-status{color:var(--text-muted);font-size:.78rem;font-family:var(--font);align-items:center;gap:.4rem;display:flex}.dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.messages{padding:1rem var(--px);scroll-behavior:smooth;flex-direction:column;flex:1;gap:.35rem;display:flex;overflow-y:auto}.msg{border-radius:var(--r-md);word-break:break-word;white-space:pre-wrap;max-width:70%;font-size:.85rem;line-height:1.5;font-family:var(--font);padding:.5rem .85rem}.msg-self{background:var(--bubble-self-bg);color:var(--bubble-self-fg);border-bottom-right-radius:2px;align-self:flex-end}.msg-peer{background:var(--bubble-peer-bg);color:var(--bubble-peer-fg);border:1px solid var(--border);border-bottom-left-radius:2px;align-self:flex-start}.msg-system{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);letter-spacing:.02em;align-self:center;padding:.25rem .65rem;font-size:.72rem}.msg-sender{font-size:.68rem;font-weight:600;font-family:var(--font-mono,ui-monospace,monospace);color:oklch(.68 .17 45);margin-bottom:.15rem;display:block}.msg-text{display:block}.input-row{padding:.6rem var(--px);padding-bottom:max(.6rem,calc(.6rem + env(safe-area-inset-bottom,0px)));border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;gap:.45rem;display:flex}.chat-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:var(--font);resize:none;outline:none;flex:1;max-height:120px;padding:.5rem .8rem;font-size:max(.85rem,16px);line-height:1.45;transition:border-color .12s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.ended-icon{font-size:2rem}.ended-title{font-family:var(--font-ui);color:var(--text);letter-spacing:-.01em;font-size:.95rem;font-weight:600}.debug-backdrop{z-index:100;background:#0000008c;position:fixed;inset:0}.debug-panel{background:var(--surface);border-left:1px solid var(--border);z-index:101;width:min(320px,100vw);font-family:var(--font);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.debug-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.debug-title{font-family:var(--font-ui);color:var(--text);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:700}.debug-section{border-bottom:1px solid var(--border);flex-direction:column;gap:.55rem;padding:.85rem 1rem;display:flex}.debug-section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:.1rem;font-size:.68rem;font-weight:700}.debug-row{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.debug-row-col{flex-direction:column;align-items:flex-start}.debug-label{color:var(--text-muted);flex-shrink:0;min-width:72px;font-size:.78rem}.debug-value{color:var(--text);word-break:break-all;font-size:.8rem}.debug-mono{font-family:var(--font);font-size:.76rem}.debug-select{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text);font-family:var(--font);cursor:pointer;appearance:auto;flex:1;padding:.28rem .5rem;font-size:.8rem}.debug-select:focus{border-color:var(--accent);outline:none}.debug-input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);width:100%;color:var(--text);font-family:var(--font);padding:.28rem .5rem;font-size:.78rem}.debug-input:focus{border-color:var(--accent);outline:none}.debug-badge{border-radius:var(--r-sm);letter-spacing:.02em;font-size:.73rem;font-weight:600;font-family:var(--font);align-items:center;padding:.15rem .5rem;display:inline-flex}.debug-badge-ok{background:color-mix(in srgb,var(--success)15%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success)30%,transparent)}.debug-badge-pending{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.debug-url-list{flex-direction:column;gap:.2rem;margin-top:.2rem;display:flex}.debug-url-item{color:var(--text-muted);word-break:break-all;font-size:.72rem}.debug-toggle-row{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex}.debug-toggle-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:13px;height:13px;margin-top:3px}.debug-toggle-label{color:var(--text);font-size:.8rem;display:block}.debug-toggle-hint{color:var(--text-muted);margin-top:.15rem;font-size:.72rem;line-height:1.45;display:block}.signal-btn{cursor:default;opacity:.75;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 .3rem;display:flex}.signal-btn:hover{opacity:1}.bar-wrap{align-items:flex-end;gap:2px;height:14px;display:flex}.bar{border-radius:1px;width:3px;transition:background .4s}.bar-1{height:4px}.bar-2{height:7px}.bar-3{height:10px}.bar-4{height:14px}.main{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px))}a.icon-btn{color:var(--text-muted);text-decoration:none}a.icon-btn:hover{color:var(--text)}.typing-indicator{background:var(--bubble-peer-bg);border:1px solid var(--border);border-radius:var(--r-md);border-bottom-left-radius:2px;align-self:flex-start;align-items:center;gap:3px;min-width:44px;padding:.45rem .75rem;display:flex}.typing-dot{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:oklch(.68 .17 45/.3);color:inherit}