:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--border:#2a2f3a;--text:#e8eaf0;--muted:#8b93a7;--accent:#6d8bff;--accent-2:#8f6dff;--ok:#3ecf8e;--warn:#ff8a65;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%, #1f2547 0%, var(--bg) 55%);min-height:100vh;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input{font:inherit}kbd{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:.85em}.app{max-width:640px;margin:0 auto;padding:48px 20px 80px}.header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:2rem}.subtitle{color:var(--muted);margin:4px 0 0}.ghost{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;padding:6px 12px}.ghost:hover{color:var(--text);border-color:var(--muted)}.voice-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;transition:border-color .2s;display:flex}.voice-panel.status-listening{border-color:var(--accent)}.voice-panel.status-speaking{border-color:var(--accent-2)}.mic{color:#fff;background:var(--panel-2);border:none;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;transition:background .2s,transform .1s;display:grid;position:relative}.mic:active{transform:scale(.96)}.mic[aria-pressed=true]{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.status-listening .mic:after,.status-speaking .mic:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:1.4s ease-out infinite pulse;position:absolute;inset:-6px}.status-speaking .mic:after{border-color:var(--accent-2)}@keyframes pulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.voice-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.voice-status{font-size:1.02rem}.interim{color:var(--accent);font-style:italic}.voice-error{color:var(--warn);font-size:.9rem}.tts-toggle{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.help{background:var(--panel);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:12px 16px}.help h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:4px 0 8px;font-size:.9rem}.help ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.help li{justify-content:space-between;gap:12px;font-size:.92rem;display:flex}.help .say{color:var(--text)}.help .what{color:var(--muted);text-align:right}.log{gap:6px;margin-bottom:16px;display:grid}.log-entry{background:var(--panel);border-left:3px solid var(--ok);border-radius:10px;flex-direction:column;padding:8px 12px;font-size:.9rem;display:flex}.log-entry.miss{border-left-color:var(--warn)}.log-entry:not(:first-child){opacity:.55}.heard{color:var(--muted)}.add{gap:8px;margin-bottom:12px;display:flex}.add input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;outline:none;flex:1;padding:12px 14px}.add input:focus{border-color:var(--accent)}.add button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:0 18px;font-weight:600}.filters{gap:6px;margin-bottom:12px;display:flex}.filters button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 12px}.filters button.active{border-color:var(--border);color:var(--text);background:var(--panel)}.list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.item{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .3s,border-color .3s;display:flex}.item.flash{border-color:var(--accent);background:#1f2647}.item .num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;width:1.4em;font-size:.8rem}.item input[type=checkbox]{width:18px;height:18px;accent-color:var(--ok)}.item .text{word-break:break-word;flex:1}.item.done .text{color:var(--muted);text-decoration:line-through}.item .edit{border:1px solid var(--accent);background:var(--panel-2);color:var(--text);border-radius:6px;outline:none;flex:1;padding:4px 8px}.item .delete{color:var(--muted);opacity:0;background:0 0;border:none;font-size:1.3rem;line-height:1;transition:opacity .15s}.item:hover .delete,.item .delete:focus{opacity:1}.item .delete:hover{color:var(--warn)}.empty{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:10px;padding:32px 12px}.footer{justify-content:flex-end;margin-top:12px;display:flex}@media (hover:none){.item .delete{opacity:1}}.mode-switch{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:4px;margin-bottom:10px;padding:4px;display:inline-flex}.mode-switch button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:.9rem}.mode-switch button.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.voice-meta{color:var(--muted);font-size:.85rem}.model-text{color:#c9b8ff}
