:root{--bg: #0b1220;--panel: rgba(255,255,255,.04);--panel2: rgba(255,255,255,.06);--border: rgba(255,255,255,.1);--text: #e5e7eb;--muted: rgba(229,231,235,.65);--accent: #60a5fa}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{margin:0;background:radial-gradient(1200px 600px at 30% -10%,rgba(96,165,250,.18),transparent 60%),radial-gradient(900px 500px at 80% 0%,rgba(167,139,250,.14),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.appShell{max-width:860px;margin:0 auto;padding:18px 16px 28px}.appTop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:10px}.logoDot{width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 20px #60a5fa99}.brandTitle{font-size:16px;font-weight:700;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--muted);margin-top:1px}.controlsRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px;margin-top:12px;box-shadow:0 10px 28px #00000040}.cardTitle{font-size:13px;color:var(--muted);margin-bottom:10px}.transcriptBox{width:100%;min-height:64px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0000002e;white-space:pre-wrap;line-height:1.5}.hint{margin-top:8px;font-size:12px;color:var(--muted)}.chip{background:#ffffff0a;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:999px;cursor:pointer}.chip:hover{background:#ffffff12}.chip.active{border-color:#60a5fa8c;background:#60a5fa1f}.bottomBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);cursor:pointer}.btn:hover{background:#ffffff14}.btn.primary{border-color:#60a5fa8c;background:#60a5fa24}.meta{margin-left:auto;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.toggle{display:inline-flex;align-items:center;gap:10px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggleUi{width:36px;height:20px;border-radius:999px;border:1px solid var(--border);background:#ffffff12;position:relative}.toggleUi:after{content:"";width:14px;height:14px;border-radius:999px;background:#ffffffbf;position:absolute;top:50%;left:3px;transform:translateY(-50%);transition:all .18s ease}.toggle input:checked+.toggleUi{background:#60a5fa2e;border-color:#60a5fa8c}.toggle input:checked+.toggleUi:after{left:18px;background:#60a5faf2}.toggleText{font-size:12px;color:var(--muted)}