:root{--bg-color:#0b0e14;--text-color:#f8fafc;--text-muted:#94a3b8;--accent-color:#0f8;--accent-hover:#00cc6a;--card-bg:#151922;--card-alt:#1c222e;--border-color:#283040;--danger-color:#f36;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#00ff880f,#0000 35%),radial-gradient(circle at 85% 80%,#3b82f60f,#0000 35%);justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:0;display:flex}#root{justify-content:center;width:100%;display:flex}.container{flex-direction:column;gap:1.25rem;width:100%;max-width:960px;padding:2rem 1.5rem 3rem;display:flex}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand-group{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.title{letter-spacing:-.02em;align-items:center;gap:.5rem;margin:0;font-size:1.55rem;font-weight:800;display:flex}.title svg{color:var(--accent-color)}.privacy-pill{color:var(--accent-color);background:#00ff881a;border:1px solid #00ff8847;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600}.header-actions{align-items:center;gap:.65rem;display:flex}.status-badge{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);border-radius:9999px;padding:.35rem .85rem;font-size:.82rem;font-weight:600}.status-badge.ready{color:var(--accent-color);border-color:#00ff8873}.status-badge.loading_model,.status-badge.transcribing{color:#fbbf24;border-color:#fbbf24}.status-badge.recording{color:var(--danger-color);border-color:var(--danger-color);background:#ff33661a}.status-badge.error{color:#f87171;border-color:#f87171}.icon-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative}.icon-btn:hover,.icon-btn.active{background-color:var(--card-alt);color:var(--accent-color);border-color:var(--accent-color)}.icon-btn.small{padding:.35rem}.mini-count{background:var(--accent-color);color:#000;border-radius:999px;padding:.05rem .35rem;font-size:.68rem;font-weight:800;position:absolute;top:-6px;right:-6px}.quick-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.85rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.65rem .85rem;display:flex}.engine-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.engine-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.45rem;padding:.48rem .9rem;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.engine-tab:hover:not(:disabled){background:var(--card-alt);color:var(--text-color)}.engine-tab.active{color:var(--accent-color);background:#00ff881f;border-color:#0f86}.engine-tab:disabled{opacity:.45;cursor:not-allowed}.quick-selects{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.compact-select{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:.55rem;outline:none;padding:.48rem .75rem;font-size:.84rem;font-weight:500}.progress-card{background:var(--card-bg);border:1px solid #fbbf2466;border-radius:.75rem;padding:.85rem 1rem}.progress-label{color:#fde68a;justify-content:space-between;margin-bottom:.45rem;font-size:.82rem;display:flex}.progress-track{background:var(--bg-color);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f59e0b,#0f8);height:100%;transition:width .2s}.settings-panel,.history-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.9rem;padding:1.25rem;animation:.25s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.settings-panel label{color:var(--text-muted);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.settings-panel input[type=text],.settings-panel select{background-color:var(--bg-color);border:1px solid var(--border-color);color:#fff;border-radius:.5rem;outline:none;width:100%;padding:.65rem .8rem;font-size:.9rem}.checkbox-row{grid-column:1/-1}.checkbox-row label{color:var(--text-color);cursor:pointer;align-items:center;gap:.55rem;display:flex}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.panel-header h3{margin:0;font-size:1rem}.text-danger-btn{color:var(--danger-color);cursor:pointer;background:0 0;border:none;font-size:.82rem}.history-list{flex-direction:column;gap:.5rem;max-height:220px;display:flex;overflow-y:auto}.history-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:.6rem;justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.history-info{cursor:pointer;flex-direction:column;flex:1;gap:.15rem;display:flex}.history-info strong{color:var(--text-color);font-size:.9rem}.history-info span{color:var(--text-muted);font-size:.75rem}.main-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:1.15rem;padding:1.5rem;display:flex;box-shadow:0 12px 32px -12px #0000008c}.editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.stats-pills{color:var(--text-muted);flex-wrap:wrap;gap:.85rem;font-size:.8rem;display:flex}.stats-pills strong{color:var(--text-color)}.smart-tools{flex-wrap:wrap;gap:.45rem;display:flex}.tool-chip{background:var(--card-alt);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.tool-chip:hover:not(:disabled),.tool-chip.active{border-color:var(--accent-color);color:var(--accent-color)}.tool-chip:disabled{opacity:.45;cursor:not-allowed}.editor-wrapper{position:relative}.transcription-textarea{background-color:var(--bg-color);border:1px solid var(--border-color);width:100%;min-height:230px;color:var(--text-color);resize:vertical;border-radius:.75rem;outline:none;padding:1rem 1.15rem;font-family:inherit;font-size:1.05rem;line-height:1.65}.transcription-textarea:focus{border-color:#00ff8880}.interim-banner{color:#a7f3d0;background:#00ff8814;border:1px dashed #00ff8859;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .85rem;font-size:.92rem;display:flex}.pulse-dot{background:var(--accent-color);border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse}.summary-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1rem;display:grid}.summary-col h4{color:var(--accent-color);margin:0 0 .5rem;font-size:.88rem}.summary-col ul{color:#cbd5e1;flex-direction:column;gap:.3rem;margin:0;padding-left:1.15rem;font-size:.85rem;display:flex}.empty-hint{color:var(--text-muted);margin:0;font-size:.82rem}.spectrum-visualizer{justify-content:center;align-items:center;gap:6px;height:44px;display:flex}.spectrum-bar{border-radius:3px;width:6px;transition:height 60ms}.audio-replay-bar{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);border-radius:.65rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .9rem;font-size:.82rem;display:flex}.audio-player{flex:1;min-width:220px;height:32px}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.controls-left,.controls-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.record-btn{border:2px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;transition:all .2s;display:flex}.record-btn:disabled{color:#555;cursor:not-allowed;border-color:#555}.record-btn:not(:disabled):hover{background-color:#00ff881f;transform:scale(1.05)}.record-btn.recording{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff;animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff3366b3}70%{box-shadow:0 0 0 14px #f360}to{box-shadow:0 0 #f360}}.action-btn{background-color:var(--card-alt);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:.55rem;align-items:center;gap:.4rem;padding:.52rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.action-btn.secondary{color:var(--accent-color);border-color:#00ff8859}.action-btn:hover:not(:disabled){border-color:var(--accent-color);background-color:#00ff8814}.action-btn:disabled{opacity:.45;cursor:not-allowed}.footer{text-align:center;color:var(--text-muted);margin-top:.5rem;font-size:.82rem}.footer strong{color:var(--accent-color)}.footer code{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;padding:.1rem .4rem;font-size:.78rem}@media (width<=720px){.controls{justify-content:center}}