:root{color-scheme:dark;--bg:#111821;--card:#1b2531;--text:#edf2f7;--muted:#a9b7c7;--accent:#b7d8ca;--line:#344353;--error:#ffc6b7;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}main{max-width:850px;margin:auto;padding:24px 18px 48px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}h1{font-size:clamp(1.65rem,4vw,2.2rem);font-weight:650;margin:0}h2{margin-top:0}.eyebrow{color:var(--accent);font-size:.73rem;letter-spacing:.14em;margin:0 0 5px}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 13px;background:#18212b;color:var(--text)}button{cursor:pointer;min-height:44px}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){border-color:var(--accent)}button.primary{background:var(--accent);color:#15271f;border-color:var(--accent);font-weight:650}button[aria-pressed=true]{border-color:#f5b9a5;color:#ffd6c6}input,select,textarea{width:100%}textarea{resize:vertical;min-height:65px}label{display:block;color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}#login{max-width:400px}#login button{margin-top:15px}#login input{margin-top:6px}.conversation,.mutes,.history-bar,.audio-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mutes{margin:15px 0}#state{color:var(--accent);font-size:.9rem}details{border-top:1px solid var(--line);padding-top:13px}summary{cursor:pointer;color:var(--muted)}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px}.settings select{margin-top:5px}.settings button{align-self:end}.hint{font-size:.82rem;color:var(--muted);margin:12px 0 0}#output-help{grid-column:1/-1;margin:0}.history-bar{margin:22px 0 12px}.history-bar label{flex:1;min-width:160px}.history-bar select{margin-top:4px}.messages{min-height:120px;max-height:48vh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:8px 0 18px}.message{padding:14px 17px;border-radius:14px;max-width:93%;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card)}.message.user{align-self:flex-end;background:#263c3c}.message small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:5px}.text-form{display:flex;gap:10px}.text-form button{align-self:stretch}.audio-row{margin-top:14px}.audio-row audio{max-width:100%;height:38px}#error{color:var(--error);font-size:.9rem;white-space:pre-wrap} [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:550px){main{padding:18px 12px 35px}.card{padding:15px}.settings{grid-template-columns:1fr}.settings #output-help{grid-column:auto}.history-bar{gap:8px}.history-bar button{font-size:.8rem}.conversation button{flex:1}#state{width:100%}.audio-row audio{width:100%}}
.memory-panel{margin-top:18px}.memory-panel h3{font-size:1rem;margin:18px 0 8px}.memory-list{padding:0;list-style:none;margin:0}.memory-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.memory-list button{font-size:.8rem;flex-shrink:0}.memory-controls{display:flex;gap:12px;align-items:end;margin-top:16px}.memory-controls label{flex:1}.memory-controls select{margin-top:5px}@media(max-width:550px){.memory-list li,.memory-controls{align-items:stretch;flex-direction:column}.memory-list button{align-self:start}}
#state::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:currentColor;margin-right:.5em}#state[data-phase=listening]{color:#a9e4b9}#state[data-phase=thinking],#state[data-phase=transcribing],#state[data-phase=synthesizing],#state[data-phase=acquiring],#state[data-phase=connecting],#state[data-phase=closing]{color:#f1d694}#state[data-phase=speaking]{color:#a9d4ff}.language-help{grid-column:1/-1}
.mode-row{margin-bottom:8px}.mode-row select{margin-top:5px}.controls .conversation{margin-top:16px}.live-budget{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;font-size:.85rem;color:var(--accent);font-variant-numeric:tabular-nums}
.message-sources{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:.82rem}.message-sources a{color:var(--accent);overflow-wrap:anywhere}#live-extra-cost{width:100%;color:var(--muted)}