:root{--bg: #0f0f10;--bg-raised: #161618;--bg-border: #222224;--text: #f0f0f2;--text-muted: #6b6b72;--text-dim: #333336;--accent: #00FF9D;--accent-dim: #00B37E;--accent-glow: rgba(0, 255, 157, .1);--red: #ff4d4d;--red-bg: rgba(255, 77, 77, .08);--radius: 8px;--font-display: "Plus Jakarta Sans", sans-serif;--font-mono: "DM Sans", sans-serif;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-weight:400;line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.75}.home{max-width:680px;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.privacy{max-width:660px;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.75rem}.home-header{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--bg-border)}.logo-mark{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);background:var(--accent-glow);border:1px solid var(--accent-dim)}.site-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.site-title span{color:var(--accent)}.site-sub{font-size:.72rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.2rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:100px;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--bg-raised);border:1px solid var(--bg-border);color:var(--text-muted);width:fit-content;transition:border-color var(--transition),color var(--transition)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);transition:background var(--transition),box-shadow var(--transition)}.status-badge[data-status=recording]{border-color:var(--accent-dim);color:var(--accent)}.status-badge[data-status=recording] .status-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);animation:pulse 1.2s infinite}.status-badge[data-status=uploading],.status-badge[data-status=transcribing]{border-color:#4a4a60;color:#9090b0}.status-badge[data-status=uploading] .status-dot,.status-badge[data-status=transcribing] .status-dot{background:#9090b0;animation:pulse 1s infinite}.status-badge[data-status=done]{border-color:var(--accent-dim);color:var(--accent)}.status-badge[data-status=done] .status-dot{background:var(--accent)}.status-badge[data-status=error]{border-color:var(--red);color:var(--red)}.status-badge[data-status=error] .status-dot{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.error-banner{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--red-bg);border:1px solid rgba(255,77,77,.25);color:#ff8080;font-size:.85rem;line-height:1.5}.init-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:var(--radius);background:#93823214;border:1px solid rgba(200,180,60,.2);color:#c8b84a;font-size:.82rem}.init-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.init-dot-pulse{background:#c8b84a;animation:pulse 1.2s infinite}.init-dot-error{background:var(--red)}.init-banner-error{background:var(--red-bg);border-color:#ff4d4d40;color:#ff8080}.transcribe-progress{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--bg-border)}.transcribe-progress-text{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;color:var(--text-muted)}.transcribe-eta{font-size:.75rem;color:var(--accent)}.lang-selector{display:flex;gap:.4rem;flex-wrap:wrap}.lang-btn{padding:.35rem .85rem;border-radius:100px;font-family:var(--font-mono);font-size:.78rem;cursor:pointer;background:var(--bg-raised);border:1px solid var(--bg-border);color:var(--text-muted);transition:border-color var(--transition),color var(--transition);-webkit-user-select:none;user-select:none}.lang-btn:hover:not(:disabled){border-color:var(--text-muted);color:var(--text)}.lang-btn-active{border-color:var(--accent-dim)!important;color:var(--accent)!important;background:var(--accent-glow)}.lang-btn:disabled{opacity:.35;cursor:not-allowed}.recorder{display:flex;flex-direction:column;gap:1rem}.recorder-controls{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;transition:background var(--transition),border-color var(--transition),color var(--transition),opacity var(--transition),transform var(--transition);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-icon{font-size:.7rem;line-height:1}.btn-record{background:var(--accent);color:#0a0a0f;border-color:var(--accent)}.btn-record:hover:not(:disabled){background:#00cc7a;border-color:#00cc7a}.btn-stop-recording{background:var(--red);color:#fff;border-color:var(--red)}.btn-stop-recording:hover:not(:disabled){background:#e03030;border-color:#e03030}.btn-discard{background:transparent;color:var(--text-muted);border-color:var(--bg-border)}.btn-discard:hover:not(:disabled){border-color:var(--red);color:var(--red)}.btn-copy{background:transparent;color:var(--text-muted);border-color:var(--bg-border);font-size:.78rem;padding:.35rem .9rem}.btn-copy:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}.btn-copied{color:var(--accent)!important;border-color:var(--accent-dim)!important}.recorder-timer{display:flex;flex-direction:column;gap:.4rem}.timer-bar-track{height:3px;background:var(--bg-border);border-radius:100px;overflow:hidden}.timer-bar-fill{height:100%;background:var(--accent);border-radius:100px;transition:width 1s linear,background .3s}.timer-bar-fill.timer-warn{background:var(--red)}.timer-label{font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.spinner-wrap{display:flex;justify-content:center;padding:.5rem 0}.spinner{width:28px;height:28px;border:2px solid var(--bg-border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.transcript-box{display:flex;flex-direction:column;gap:0;border:1px solid var(--bg-border);border-radius:var(--radius);overflow:hidden;background:var(--bg-raised)}.transcript-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--bg-border);background:var(--bg)}.transcript-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.transcript-textarea{width:100%;min-height:200px;padding:1rem;background:transparent;border:none;outline:none;resize:vertical;color:var(--text);font-family:var(--font-mono);font-size:.9rem;line-height:1.7;caret-color:var(--accent)}.transcript-textarea::placeholder{color:var(--text-dim)}.home-footer{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);padding-top:1rem;border-top:1px solid var(--bg-border)}.back-link{font-size:.8rem;color:var(--text-muted)}.back-link:hover{color:var(--accent);opacity:1}.privacy h1{font-family:var(--font-display);font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.privacy-updated{font-size:.75rem;color:var(--text-muted);margin-top:-.5rem}.privacy h2{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.privacy section{display:flex;flex-direction:column;gap:.5rem}.privacy p{font-size:.9rem;color:#c0c0d0;line-height:1.75}.privacy ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding-left:0}.privacy ul li{font-size:.88rem;color:#c0c0d0;padding-left:1.2em;position:relative;line-height:1.7}.privacy ul li:before{content:"—";position:absolute;left:0;color:var(--accent-dim)}.privacy code{font-family:var(--font-mono);font-size:.82em;background:var(--bg-raised);border:1px solid var(--bg-border);border-radius:3px;padding:.1em .35em;color:var(--accent)}@media (max-width: 480px){.home,.privacy{padding:2rem 1rem 3rem}.site-title{font-size:1.3rem}.recorder-controls{flex-direction:column}.btn{width:100%;justify-content:center}.btn-copy{width:auto}}