:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f4f0;--card:#fff;--text:#2b2a28;--muted:#77736c;--accent:#4f7a6a;--warn:#a8641f;--err:#b3413a;--line:#0000001a;font-family:system-ui,Hiragino Sans,Yu Gothic UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1d1f1e;--card:#262928;--text:#e9e6e0;--muted:#a19d95;--accent:#7fb3a0;--line:#ffffff1f}}body{background:var(--bg);color:var(--text);margin:0}main{max-width:640px;margin:0 auto;padding:16px}header{justify-content:space-between;align-items:center;display:flex}h1{font-size:1.3rem}h2{margin-top:0;font-size:1.05rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}label{flex-direction:column;gap:6px;display:flex}input,button{font:inherit;border:1px solid var(--line);color:inherit;background:0 0;border-radius:8px;padding:10px 14px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.link{color:var(--muted);border:none;padding:4px;text-decoration:underline}.muted{color:var(--muted);font-size:.9em}.notice{background:var(--card);border-left:4px solid var(--accent);border-radius:6px;padding:10px 12px}.error{color:var(--err)}.warning{color:var(--warn);font-weight:600}.logs{margin:0;padding:0;list-style:none}.logs li{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:6px 0;display:flex}.logs li span:first-child{flex:1}.avatar{aspect-ratio:1;background:#8882;border-radius:12px;align-self:center;width:100%;max-width:360px}.state{text-align:center;margin:0;font-weight:600}.state.listening{color:var(--accent)}.state.thinking,.state.connecting{color:var(--warn)}.meter{background:#8883;border-radius:3px;height:6px;overflow:hidden}.meter div{background:var(--accent);height:100%}.subs{max-height:16em;overflow-y:auto}.subs p{margin:6px 0}.subs .you{color:var(--muted)}
