:root{--bg: #0f1220;--card: #171a2e;--text: #eef0ff;--muted: #9aa0c3;--accent: #7c6cff;--accent-2: #38d6b5;--border: #262a47}@media (prefers-color-scheme: light){:root{--bg: #f6f6fb;--card: #ffffff;--text: #17182b;--muted: #5b5f7d;--border: #e2e3f0}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:720px;margin:0 auto;padding:24px 16px 48px}header h1{font-size:2.2rem;margin:8px 0 2px;letter-spacing:-.5px}.tagline{color:var(--muted);margin:0 0 20px;font-size:1.05rem}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{flex:1;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem;cursor:pointer}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.label{display:block;font-weight:600;margin:14px 0 6px}textarea,input,select{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px;font-size:1rem;font-family:inherit}textarea{width:100%;resize:vertical}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.row input{flex:1;min-width:120px}button{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.95rem;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button:disabled{opacity:.5;cursor:default}button.mic.listening{background:#d6455b;border-color:#d6455b;color:#fff}.output{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--accent-2);border-radius:12px;padding:12px 16px;margin:16px 0}.output p{font-size:1.1rem;line-height:1.5;white-space:pre-wrap}.basic-note{color:var(--accent-2);font-size:.9rem}.hint{color:var(--muted);font-size:.9rem}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 16px;margin:12px 0}.panel summary{cursor:pointer;font-weight:600}.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.chips li{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:4px 10px}.chips button,.list button{padding:2px 6px;border:none;background:none;color:var(--muted)}.list{padding-left:18px}.list li{margin:8px 0}.banner{background:#3a2b12;color:#ffd479;border:1px solid #6b5316;border-radius:12px;padding:12px 16px;margin:14px 0}@media (prefers-color-scheme: light){.banner{background:#fff4d6;color:#6b5316}}.timeline{list-style:none;padding:0;margin:8px 0}.timeline li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:8px 0}.timeline li.done{opacity:.55}.timeline li.done .task strong{text-decoration:line-through}.timeline .time{font-variant-numeric:tabular-nums;color:var(--accent-2);min-width:130px}.timeline .task{flex:1;min-width:160px}.timeline .actions{display:flex;gap:6px;align-items:center}.timer{font-variant-numeric:tabular-nums;font-weight:600}.inline{display:flex;align-items:center;gap:6px}footer{margin-top:32px}