:root{color-scheme:dark;--bg:#080b13;--card:#111727;--ink:#f4f6fb;--muted:#98a2b8;--accent:#72e6c1;--danger:#ff7c8a}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% 5%,#19243f 0,var(--bg) 45%);color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}main{width:min(100%,680px);margin:auto;padding:max(24px,env(safe-area-inset-top)) 20px max(30px,env(safe-area-inset-bottom))}.hidden{display:none!important}.card{margin-top:10vh;padding:28px;background:rgba(17,23,39,.92);border:1px solid #29324a;border-radius:24px;box-shadow:0 24px 70px #0008}.mark{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--accent);color:#06120f;font-weight:900;font-size:28px}h1{margin:.2rem 0;font-size:2rem}p{color:var(--muted)}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:6px;color:#cbd2e1;font-size:.9rem}input{width:100%;padding:14px;border:1px solid #37415a;border-radius:12px;background:#090d17;color:white;font:inherit}button{border:0;border-radius:13px;padding:14px 18px;background:var(--accent);color:#07120f;font:700 1rem inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}.error{min-height:1.5em;color:var(--danger);margin:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.24em}.text-button{padding:8px;background:transparent;color:var(--muted);font-size:.85rem}.orb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:240px;height:240px;margin:0 auto 28px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#9df4da,var(--accent) 44%,#2a9d83);box-shadow:0 0 0 14px #72e6c112,0 20px 60px #0fc8a733;transition:.25s transform,.25s box-shadow}.orb.active{box-shadow:0 0 0 20px #72e6c118,0 20px 75px #0fc8a755}.orb.speaking{animation:pulse 1.2s infinite}.orb span{font-size:1.8rem}.orb small{margin-top:4px;font-weight:500;opacity:.65}.actions{display:flex;justify-content:center;gap:10px}.actions button{background:#1b2335;color:var(--ink)}.actions .stop{background:#42202a;color:#ffb8c0}.log{display:grid;gap:12px;margin-top:32px}.bubble{max-width:88%;padding:12px 15px;border-radius:16px;background:var(--card);white-space:pre-wrap}.bubble.user{justify-self:end;background:#193b37}.bubble.assistant{justify-self:start}.bubble strong{display:block;margin-bottom:3px;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.empty{text-align:center}@keyframes pulse{50%{transform:scale(1.035);box-shadow:0 0 0 28px #72e6c109,0 20px 80px #0fc8a766}}@media(max-width:420px){.orb{width:205px;height:205px}.card{margin-top:4vh}}