:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;padding:2rem 1rem;display:flex;justify-content:center}main{width:min(720px,100%);display:grid;gap:2rem}section{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:12px;padding:1.25rem;display:grid;gap:.75rem}h1,h2{margin:0}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}button{padding:.6rem 1.1rem;border-radius:8px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}button[disabled]{opacity:.5;cursor:not-allowed}button.recording{background:#dc2626}textarea,select{width:100%;box-sizing:border-box;padding:.6rem;border-radius:8px;font:inherit}progress{width:100%}.muted{opacity:.7;font-size:.9rem;margin:0}.chat-log{display:grid;gap:.5rem;max-height:320px;overflow-y:auto;padding:.25rem}.chat-log:empty{display:none}.msg{padding:.5rem .75rem;border-radius:10px;max-width:85%;white-space:pre-wrap}.msg.user{justify-self:end;background:#2563eb;color:#fff}.msg.assistant{justify-self:start;background:color-mix(in srgb,currentColor 10%,transparent)}.msg.speaking{outline:2px solid #16a34a}button.talking{background:#dc2626}input[type=text]{width:100%;box-sizing:border-box;padding:.6rem;border-radius:8px;font:inherit}button.live{background:#16a34a}#chat-live-indicator{font-weight:600}#chat-live-indicator.listening{color:#16a34a}#chat-live-indicator.speaking-user{color:#dc2626}#chat-live-indicator.thinking{color:#d97706}#chat-live-indicator.speaking-assistant{color:#2563eb}