:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--bg: #0e0f13;--surface: #1a1c23;--surface-2: #23262f;--border: #2c2f3a;--text: #e7e9ee;--muted: #8b91a1;--accent: #7c9cff;--accent-strong: #5b7ff0;--danger: #ff5a6a;--ok: #4ade80}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}body{background:radial-gradient(1200px 600px at 50% -200px,rgba(124,156,255,.12),transparent 60%) var(--bg)}.app{max-width:720px;margin:0 auto;padding:32px 20px 64px}header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}header h1{font-size:22px;margin:0;letter-spacing:-.01em}header .sub{color:var(--muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:20px}.card h2{margin:0 0 4px;font-size:16px;letter-spacing:-.01em}.card .hint{color:var(--muted);font-size:13px;margin-bottom:14px}label{display:block;font-size:12px;color:var(--muted);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.06em}input[type=text],input[type=password],textarea,select{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;transition:border .1s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:70px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#0e0f13;font-weight:600;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;transition:background .1s ease,transform .05s ease}button:hover:not(:disabled){background:var(--accent-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger);color:#fff}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1 1 auto}.row>button{flex:0 0 auto}.status{font-size:13px;color:var(--muted);margin-top:10px;min-height:18px}.status.error{color:var(--danger)}.status.ok{color:var(--ok)}.rec-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--danger);margin-right:6px;animation:pulse 1s ease-in-out infinite;vertical-align:middle}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}audio{width:100%;margin-top:12px}.token-bar{font-size:12px;color:var(--muted)}.token-bar button{background:transparent;color:var(--muted);padding:2px 6px;font-weight:400;text-decoration:underline}.token-bar button:hover{color:var(--text);background:transparent}.empty{color:var(--muted);font-size:13px;padding:8px 0}ul.voice-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}ul.voice-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px}ul.voice-list li button{padding:4px 10px;font-size:12px}