:root{--bg:#0b1220;--panel:#111a2c;--panel-2:#172238;--text:#e8edf6;--muted:#8b97ad;--accent:#19c3ff;--accent-2:#2f6bff;--ok:#3ddc97;--bad:#ff6b6b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 30% 0%, #15233f 0%, var(--bg) 60%);color:var(--text);min-height:100vh;margin:0}.layout{grid-template-columns:minmax(0,1fr) 380px;gap:24px;max-width:1200px;min-height:100vh;margin:0 auto;padding:32px 16px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.device{flex-direction:column;align-items:center;gap:20px;display:flex}.brand{text-align:center}.brand-name{letter-spacing:.5px;font-size:28px;font-weight:600;display:block}.brand-sub{color:var(--muted);font-size:14px}.ring{cursor:pointer;width:180px;height:180px;color:var(--text);background:#0a0f1a;border:none;border-radius:50%;padding:0;position:relative}.ring:disabled{cursor:default}.ring-glow{border:6px solid #24324d;border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:0}.ring-core{background:linear-gradient(160deg,#1b2740,#0d1424);border-radius:50%;place-items:center;display:grid;position:absolute;inset:22px}.ring-listening .ring-glow{border-color:var(--accent);box-shadow:0 0 32px var(--accent), inset 0 0 18px var(--accent);animation:1.2s ease-in-out infinite pulse}.ring-thinking .ring-glow{border-color:#0000;border-top-color:var(--accent);border-right-color:var(--accent-2);animation:.9s linear infinite spin;box-shadow:0 0 24px #19c3ff66}.ring-speaking .ring-glow{border-color:var(--accent-2);box-shadow:0 0 36px var(--accent-2), inset 0 0 18px var(--accent);animation:.6s ease-in-out infinite alternate pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.85;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.ring-glow{animation:none!important}}.status{min-height:1.5em;color:var(--muted);text-align:center;margin:0}.conversation{flex-direction:column;gap:10px;width:100%;max-width:560px;display:flex}.bubble{border-radius:var(--radius);max-width:85%;padding:12px 16px;line-height:1.45}.bubble.user{background:var(--accent-2);align-self:flex-end}.bubble.assistant{background:var(--panel-2);align-self:flex-start}.bubble.error{border:1px solid var(--bad);background:#ff6b6b1f;align-self:stretch;max-width:none}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:560px;display:flex}.suggestions button{background:var(--panel);color:var(--text);cursor:pointer;font:inherit;border:1px solid #26344f;border-radius:999px;padding:8px 14px;font-size:14px}.suggestions button:hover:not(:disabled){border-color:var(--accent)}.composer{align-items:center;gap:8px;width:100%;max-width:560px;margin-top:auto;display:flex}.composer input[type=text],.composer input:not([type]){border-radius:var(--radius);background:var(--panel);min-width:0;color:var(--text);font:inherit;border:1px solid #26344f;flex:1;padding:12px 14px}.composer button{border-radius:var(--radius);background:var(--accent-2);color:#fff;font:inherit;cursor:pointer;border:none;padding:12px 18px}.composer button:disabled{opacity:.5;cursor:default}.voice-toggle{color:var(--muted);align-items:center;gap:4px;font-size:14px;display:flex}.tools{background:var(--panel);border-radius:var(--radius);border:1px solid #1f2b44;align-self:start;padding:20px;position:sticky;top:32px}.tools h2{margin:0;font-size:18px}.tools-sub{color:var(--muted);margin:4px 0 16px;font-size:13px}.tools-empty{color:var(--muted);font-size:14px}.tool-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tool{background:var(--panel-2);border-left:3px solid var(--muted);border-radius:10px;padding:10px 12px;animation:.25s ease-out appear}.tool.done{border-left-color:var(--ok)}.tool.failed{border-left-color:var(--bad)}.tool.pending{border-left-color:var(--accent)}@keyframes appear{0%{opacity:0;transform:translateY(4px)}}.tool-head{justify-content:space-between;align-items:baseline;display:flex}.tool-name{color:var(--accent);font-weight:600}.tool-time{color:var(--muted);font-size:12px}.tool-io{color:#c3cde0;white-space:pre-wrap;word-break:break-word;max-height:220px;margin:6px 0 0;font-size:12px;overflow:auto}details summary{cursor:pointer;color:var(--muted);margin-top:6px;font-size:12px}.upload{border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #26344f;padding:12px 14px;font-size:14px}.upload:hover:not(.disabled){border-color:var(--accent)}.upload.disabled{opacity:.5;cursor:default}.upload input{display:none}.ring-idle.ring-notify .ring-glow{border-color:#ffc21a;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 28px #ffc21ab3,inset 0 0 14px #ffc21a80}.overlay{background:#050912cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.passcode{background:var(--panel);border-radius:var(--radius);border:1px solid #26344f;flex-direction:column;gap:12px;width:min(380px,100%);padding:24px;display:flex}.passcode h2{margin:0;font-size:20px}.passcode p{color:var(--muted);margin:0;font-size:14px}.passcode input{border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;border:1px solid #26344f;padding:12px 14px}.passcode button{border-radius:var(--radius);background:var(--accent-2);color:#fff;font:inherit;cursor:pointer;border:none;padding:12px}.passcode button:disabled{opacity:.5}.ring-idle.ring-checking .ring-glow{border-color:#19c3ff26;border-top-color:var(--accent);animation:1.8s linear infinite spin;box-shadow:0 0 18px #19c3ff4d}.suggestions button.chip-notify{color:#ffd862;border-color:#ffc21a}.demo-note{max-width:560px;color:var(--muted);text-align:center;margin:0;font-size:12px}