:root{--bg: #0b0c0e;--panel: #111316;--panel-2: #161a1f;--elev: #1b2026;--border: #23262c;--border-2: #2c3038;--text: #e7e9ec;--muted: #8b8f98;--faint: #5f636c;--accent: #4d7cff;--accent-2: #7c5bff;--ok: #3ecf8e;--warn: #f5b13d;--err: #f06a6a;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button{font-family:inherit}.shell{display:grid;grid-template-columns:1fr;height:100dvh;overflow:hidden}@media(min-width:900px){.shell{grid-template-columns:232px minmax(0,1fr)}.shell.with-right{grid-template-columns:232px minmax(0,1fr) clamp(360px,34vw,560px)}}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.brand-row{display:flex;align-items:center;gap:8px}.brand-mark{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.brand-sm{font-weight:700;letter-spacing:.14em;font-size:12px}.new-chat{margin:10px;padding:9px 12px;border-radius:8px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.new-chat:hover{background:var(--elev);border-color:#353a44}.conv-list{flex:1;overflow-y:auto;padding:4px 8px 12px}.conv-section{color:var(--faint);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:12px 8px 4px}.conv-empty{color:var(--faint);font-size:12px;padding:8px}.conv{position:relative;display:flex;align-items:center;border-radius:7px}.conv.active{background:var(--elev)}.conv:hover{background:var(--panel-2)}.conv-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;background:none;border:none;color:var(--text);text-align:left;padding:7px 8px;font-size:12.5px;cursor:pointer}.conv-line{display:flex;align-items:center;gap:6px;min-width:0}.conv-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv.active .conv-name{color:#fff}.pin-dot{color:var(--accent);font-size:7px}.conv-sub{font-size:10.5px;color:var(--faint)}.conv-edit{flex:1;background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:6px;padding:6px 7px;font-size:12.5px;margin:2px;outline:none}.conv-menu-btn{background:none;border:none;color:var(--faint);font-size:15px;padding:6px 9px;cursor:pointer;opacity:0}.conv:hover .conv-menu-btn,.conv.active .conv-menu-btn{opacity:1}.conv-menu-btn:hover{color:var(--text)}.conv-menu{position:absolute;right:6px;top:32px;background:var(--elev);border:1px solid var(--border-2);border-radius:8px;z-index:80;display:flex;flex-direction:column;min-width:124px;overflow:hidden;box-shadow:0 10px 30px #00000080}.conv-menu button{background:none;border:none;color:var(--text);text-align:left;padding:9px 12px;font-size:12.5px;cursor:pointer}.conv-menu button:hover{background:var(--panel-2)}.conv-menu button.danger{color:var(--err)}.sidebar-foot{border-top:1px solid var(--border);padding:8px}.sidebar-foot button{width:100%;background:none;border:none;color:var(--muted);text-align:left;padding:8px 10px;font-size:12.5px;border-radius:7px;cursor:pointer}.sidebar-foot button:hover{background:var(--panel-2);color:var(--text)}.center{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.chead{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);min-height:46px}.chead-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.badge{font-size:11px;font-weight:600;color:var(--accent);background:#4d7cff1f;border:1px solid rgba(77,124,255,.3);padding:2px 8px;border-radius:20px;white-space:nowrap}.chead-actions{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.dot.live{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.connecting{background:var(--warn)}.dot.error{background:var(--err)}.timeline{flex:1;overflow-y:auto;padding:18px 0;display:flex;flex-direction:column}.tl-inner{width:100%;max-width:760px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:4px}.timeline-empty{color:var(--muted);text-align:center;margin:auto;max-width:360px;line-height:1.6;font-size:13px}.item{font-size:13px;line-height:1.55}.item-you{align-self:flex-end;max-width:80%;background:var(--elev);border:1px solid var(--border-2);padding:8px 12px;border-radius:12px 12px 4px;margin:10px 0;white-space:pre-wrap}.item-agent{align-self:stretch;padding:2px 0;margin:8px 0;white-space:pre-wrap;line-height:1.6}.work{align-self:stretch;margin:6px 0;border-left:1px solid var(--border-2)}.work-head{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--muted);font-size:12.5px;padding:4px 8px;cursor:pointer}.work-head:hover{color:var(--text)}.work-chevron{display:inline-block;transition:transform .15s ease;color:var(--faint)}.work-chevron.open{transform:rotate(90deg)}.work-label{font-weight:500}.work-count{color:var(--faint);font-size:11px}.work-spinner{width:9px;height:9px;border:1.5px solid var(--faint);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.work-body{padding:2px 0 6px 14px;display:flex;flex-direction:column;gap:2px}.step{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;padding:2px 0}.step.err{color:var(--err)}.step-ico{color:var(--faint);flex:0 0 auto;width:14px}.step-text{overflow-wrap:anywhere}.think{display:flex;flex-direction:column}.think-head{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:2px 0;color:var(--muted);font-size:12px;font-style:italic;text-align:left;width:100%}.think-head:hover .think-label{color:var(--text)}.think-ico{color:var(--accent, #8b7cff)}.think-body{margin:2px 0 6px 22px;padding:8px 12px;border-left:2px solid var(--border);color:var(--muted);font-size:12.5px;line-height:1.5}.think-body p{margin:0 0 6px}.think-body :last-child{margin-bottom:0}.shot-step{display:block;margin:4px 0}.shot{max-width:320px;width:100%;border-radius:8px;border:1px solid var(--border)}.composer{border-top:1px solid var(--border);padding:12px 16px 16px}.wave-strip{max-width:760px;margin:0 auto 8px;height:40px;background:var(--panel);border:1px solid var(--border-2);border-radius:10px;padding:4px 12px}.waveform{width:100%;height:100%;display:block}.composer-inner{max-width:760px;margin:0 auto;display:flex;align-items:flex-end;gap:8px;background:var(--panel);border:1px solid var(--border-2);border-radius:12px;padding:6px 6px 6px 14px}.composer-inner:focus-within{border-color:#3a4250}.composer-inner input{flex:1;background:none;border:none;color:var(--text);font-size:13.5px;padding:9px 0;outline:none}.composer-inner input::placeholder{color:var(--faint)}.icon-btn{width:34px;height:34px;border-radius:9px;border:none;background:var(--panel-2);color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.icon-btn:hover{background:var(--elev);color:var(--text)}.icon-btn.send{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.icon-btn.stop{background:var(--err);color:#fff}.bv-stop{display:inline-flex;align-items:center;gap:6px;background:var(--err);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.icon-btn.send:disabled{opacity:.4;cursor:default}.icon-btn.mic.live{background:var(--accent);color:#fff;animation:pulse 1.5s ease-in-out infinite}.icon-btn.mic.connecting,.icon-btn.mic.busy{background:var(--warn);color:#1b1b1b}@keyframes pulse{0%,to{box-shadow:0 0 #4d7cff80}50%{box-shadow:0 0 0 6px #4d7cff00}}.voice-dock{display:none}.big-voice{width:128px;height:128px;border-radius:50%;border:none;background:radial-gradient(circle at 30% 28%,#2a3552,#12151d);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 44px #00000073;transition:transform .12s ease}.big-voice:active{transform:scale(.95)}.bv-core{width:56px;height:56px;border-radius:50%;background:var(--faint);transition:all .25s ease}.big-voice.live .bv-core{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 36px var(--accent);animation:corepulse 1.6s ease-in-out infinite}.big-voice.busy .bv-core,.big-voice.connecting .bv-core{background:var(--warn);box-shadow:0 0 32px var(--warn);animation:corepulse 1.1s ease-in-out infinite}.bv-label{color:var(--muted);font-size:14px}.bv-type{background:none;border:none;color:var(--faint);font-size:12.5px;text-decoration:underline;cursor:pointer;padding:4px}@keyframes corepulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.72}}@media(max-width:899px){.voice-dock{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px calc(26px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.voice-dock .wave-strip{width:100%}.composer{display:none}.composer.show{display:block}}.right-panel{background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.rp-tabs{display:flex;align-items:center;gap:4px;padding:7px 10px;border-bottom:1px solid var(--border);min-height:44px}.rp-tab{font-size:12px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:5px 12px;cursor:default}.rp-tab.active{color:var(--text);background:var(--elev);border-color:var(--border-2)}.rp-spacer{flex:1}.rp-body{flex:1;min-height:0;background:#000}.rp-frame{width:100%;height:100%;border:none;display:block;background:#000}@media(max-width:899px){.sidebar{position:fixed;inset:0 auto 0 0;width:252px;max-width:84vw;transform:translate(-100%);transition:transform .2s ease;z-index:70}.sidebar.open{transform:translate(0)}.right-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;transform:translate(100%);transition:transform .2s ease}.right-panel.open{transform:translate(0)}}@media(min-width:900px){.hamburger{display:none}.right-panel{transform:none}}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:60}@media(min-width:900px){.sidebar-backdrop,.sidebar .close-x{display:none}}.ghost{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 11px;font-size:12.5px;cursor:pointer}.ghost:hover{background:var(--elev)}.ghost:disabled{opacity:.45}.ghost.icon{padding:7px 8px;line-height:0}.ghost.btn-icon{display:inline-flex;align-items:center;gap:6px}button svg{display:block}.conv-menu button{display:flex;align-items:center;gap:8px}.work-spinner-icon{color:var(--accent);animation:spin .8s linear infinite}.big-voice svg{color:var(--faint);transition:color .25s ease}.big-voice.live svg{color:#fff}.big-voice.busy svg,.big-voice.connecting svg{color:#1b1b1b}.big-voice.live{box-shadow:0 0 0 6px #4d7cff26,0 10px 44px #00000073}.md{font-size:13px;line-height:1.6}.md p{margin:0 0 8px}.md p:last-child{margin-bottom:0}.md ul,.md ol{margin:4px 0 10px;padding-left:22px}.md li{margin:2px 0}.md h1,.md h2,.md h3{margin:14px 0 6px;line-height:1.3}.md h1{font-size:18px}.md h2{font-size:16px}.md h3{font-size:14px}.md a{color:var(--accent);text-decoration:underline}.md a.filelink{color:var(--accent);text-decoration:none;background:#4d7cff1f;border:1px solid rgba(77,124,255,.3);border-radius:6px;padding:1px 6px;cursor:pointer;white-space:nowrap}.md a.filelink:hover{background:#4d7cff38}.md code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.md pre{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;overflow-x:auto;margin:8px 0}.md pre code{background:none;border:none;padding:0}.md blockquote{border-left:3px solid var(--border-2);margin:8px 0;padding:2px 0 2px 12px;color:var(--muted)}.md table{border-collapse:collapse;margin:8px 0;font-size:12.5px}.md th,.md td{border:1px solid var(--border);padding:5px 9px;text-align:left}.md th{background:var(--panel)}.file-modal{max-width:860px;width:92vw;height:84vh;display:flex;flex-direction:column}.file-body{flex:1;overflow:auto;padding:16px}.file-pre{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;white-space:pre-wrap;word-break:break-word;color:var(--text)}.file-img{max-width:100%;border-radius:8px}.file-frame{width:100%;height:100%;min-height:60vh;border:none;border-radius:8px;background:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:90;display:grid;place-items:center;padding:20px}.modal{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border-2);border-radius:14px;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:600}.modal-body{padding:16px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;color:var(--muted)}.field select{background:var(--bg);border:1px solid var(--border-2);color:var(--text);border-radius:9px;padding:10px 12px;font-size:14px;outline:none}.field-hint{color:var(--faint);font-size:12px;margin:12px 0 0}.login{display:grid;place-items:center;height:100dvh;padding:24px}.login-card{text-align:center;max-width:320px;width:100%}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.22em;font-size:22px;margin-bottom:8px}.brand .brand-mark{width:24px;height:24px;border-radius:7px}.tagline{color:var(--muted);margin-bottom:28px;font-size:13px}.primary{width:100%;padding:13px;border-radius:10px;border:none;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));cursor:pointer}.primary:disabled{opacity:.6}.hint,.muted{color:var(--muted);font-size:12px;margin-top:16px}.code-input{width:100%;text-align:center;letter-spacing:8px;font-size:22px;padding:12px;margin-bottom:12px;background:var(--panel);border:1px solid var(--border-2);border-radius:10px;color:var(--text);outline:none}.linkbtn{display:block;width:100%;background:none;border:none;color:var(--muted);font-size:12.5px;margin-top:12px;cursor:pointer;text-decoration:underline}.linkbtn:hover{color:var(--text)}.error{color:var(--err);font-size:12.5px;margin-top:14px}