:root{color:#1d1c1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3efe8;font-family:DM Sans,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}:root{--bg:#f3efe8;--panel:#ffffffbf;--surface:#fff;--surface-subtle:#f7f4ee;--line:#d8d1c8;--line-strong:#bfb7ac;--ink:#1d1c1a;--ink-soft:#57524d;--muted:#6d665f;--red:#c75b47;--red-soft:#f6e2dd;--green:#2f7a5c;--radius-sm:6px;--radius-md:10px}*{box-sizing:border-box}html{background:var(--bg);overflow-x:clip}body{max-width:100%;color:var(--ink);background:var(--bg);margin:0;font-family:Plus Jakarta Sans,Outfit,system-ui,sans-serif;overflow-x:clip}button,input,select{font:inherit}main{width:min(96%,1700px);max-width:1700px;min-height:100vh;margin:0 auto;padding:0 32px}.topbar{z-index:1000;border-bottom:1.5px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:8px 0;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:.2px;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:4px 6px 4px 0;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:flex}.brand:hover{opacity:.95;transform:translateY(-1px)}.brand-logo-img{object-fit:contain;border-radius:10px;width:42px;height:42px;box-shadow:0 3px 10px #0000001a}.brand-title{letter-spacing:-.5px;color:var(--ink);font-family:Outfit,sans-serif;font-size:23px;font-weight:800}.nav-center-tabs{background:var(--surface-subtle);border:1.5px solid var(--line-strong);border-radius:10px;align-items:center;gap:6px;padding:5px;display:flex;box-shadow:0 2px 8px #0000000a}.nav-link{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:8px 18px;font-size:14.5px;font-weight:700;line-height:1.2;transition:all .18s;display:inline-flex}.nav-link:hover{color:var(--ink);background:#0000000d;transform:translateY(-1px)}:root[data-theme=dark] .nav-link:hover{background:#ffffff14}.nav-link.active{color:var(--ink);background:var(--surface);border-color:var(--line-strong);box-shadow:0 3px 10px #00000014}:root[data-theme=dark] .nav-link.active{background:#1e293b;border-color:#ffffff2e;box-shadow:0 4px 14px #00000073}.nav-actions{align-items:center;gap:12px;display:flex}.nav-status{color:var(--ink-soft);letter-spacing:.8px;text-transform:uppercase;background:var(--surface-subtle);border:1px solid var(--line);border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.nav-status i{background:var(--green);border-radius:50%;width:7px;height:7px;margin:0 7px 1px 0;display:inline-block;box-shadow:0 0 8px #10b98199}.dark-toggle{background:var(--surface-subtle);border:1.5px solid var(--line-strong);cursor:pointer;width:40px;height:40px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.dark-toggle:hover{background:var(--surface);transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.install-pwa-btn{background:var(--surface-subtle);border:1.5px solid var(--line-strong);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.install-pwa-btn:hover{background:var(--ink);color:var(--surface);border-color:var(--ink);transform:translateY(-1px)}.intro{justify-content:space-between;align-items:flex-end;gap:16px;max-width:100%;padding:8px 0 6px;display:flex}.intro-header-content{flex:1}.eyebrow{color:var(--red);letter-spacing:2px;margin:0 0 2px;font-size:10px;font-weight:700}h1{color:var(--ink);letter-spacing:-.8px;margin:0 0 2px;font-family:Outfit,sans-serif;font-size:clamp(18px,1.6vw,24px);font-weight:700;line-height:1.05}h1 em{color:var(--red);font-style:normal}.intro-copy{max-width:540px;color:var(--muted);margin:0;font-size:11.5px;line-height:1.35}.live-studio-view{flex-direction:column;padding:4px 0 10px;display:flex}.live-studio-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 0 6px;display:flex}.live-studio-header-titles h1{margin:0;font-size:18px;line-height:1.1}.live-studio-header-titles .intro-copy{color:var(--muted);margin-top:1px;font-size:11px;line-height:1.25}.live-header-status-badge{background:var(--panel);border:1px solid var(--line);letter-spacing:.08em;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:10px;display:inline-flex}.live-studio-grid{grid-template-columns:280px 1fr;align-items:start;gap:12px;display:grid}.live-studio-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:12px 14px;display:flex;box-shadow:0 8px 24px #00000005}.live-studio-panel.right-panel{gap:8px}.live-counter-box{color:#fff;text-align:center;background:linear-gradient(135deg,#1c2b4d 0%,#0d1629 100%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0d162926}.live-logo-badge{object-fit:contain;width:36px;height:36px;margin-bottom:2px}.particle-canvas-wrap{justify-content:center;align-items:center;margin:2px 0;display:flex;position:relative}.particle-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.flip-counter-display{background:#111;border:2px solid #f37d21;border-radius:8px;justify-content:center;align-items:center;padding:4px 16px;display:inline-flex;box-shadow:0 0 12px #f37d2140}.flip-counter-number{color:#fff;letter-spacing:2px;font-family:Outfit,monospace;font-size:38px;font-weight:800;line-height:1}.audio-visualizer-box{background:#00000073;border:1px solid #f37d214d;border-radius:6px;justify-content:center;align-items:center;width:100%;max-width:250px;height:36px;margin:4px 0 2px;display:flex;position:relative;overflow:hidden}.wave-label{letter-spacing:.1em;color:#ffffff80;pointer-events:none;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:700;position:absolute;top:2px;left:6px}.audio-visualizer-canvas{width:100%;height:100%;display:block}.live-status-indicator{color:#fffc;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.live-mic-dot{background:#555;border-radius:50%;width:8px;height:8px}.live-mic-dot.recording{background:#00e676;animation:1.2s ease-in-out infinite pulseMic;box-shadow:0 0 8px #00e676}.live-controls{gap:8px;margin-top:10px;display:flex}.live-start-button{color:#fff;cursor:pointer;background:#f37d21;border:0;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:6px;height:38px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.live-start-button:hover{background:#e06c14}.live-stop-button{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--ink);cursor:pointer;border-radius:8px;flex:1;font-size:13px;font-weight:600}.live-alert-banner{background:var(--red-soft);border:1px solid var(--red);color:var(--red);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.live-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.live-stat-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 10px}.live-stat-card b{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;display:block}.live-stat-card strong{color:var(--ink);margin-top:1px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;display:block}.wpm-chart-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.wpm-chart-label{color:var(--muted);margin-bottom:2px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700}.wpm-chart-canvas{width:100%;height:48px;display:block}.wpm-chart-hint{color:var(--muted);margin-top:2px;font-size:10px;font-style:italic}.live-transcript-box{background:var(--panel);border:1px solid var(--line);scrollbar-width:thin;border-radius:8px;min-height:55px;max-height:75px;padding:8px 12px;font-size:13px;line-height:1.45;overflow-y:auto}.live-transcript-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:3px;padding-bottom:2px;display:flex}.live-transcript-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700}.live-transcript-wordcount{color:var(--muted);background:#0000000a;border-radius:999px;padding:1px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.transcript-text{overflow-wrap:break-word;word-break:break-word;color:var(--ink);margin:0}.transcript-placeholder{color:var(--muted);font-size:12px;font-style:italic}.live-breakdown-section{margin-top:2px}.live-finish-button{color:#fff;cursor:pointer;background:#10b981;border:0;border-radius:8px;flex:1.5;justify-content:center;align-items:center;gap:5px;height:38px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.live-finish-button:hover{background:#059669}.live-report-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.live-report-modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:680px;max-height:90vh;padding:22px 24px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 20px 48px #00000040}.live-report-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.live-report-header-text h2{color:var(--ink);margin:2px 0 0;font-size:20px}.live-report-meta{color:var(--muted);margin:4px 0 0;font-size:12px}.live-modal-close{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:18px}.live-modal-close:hover{color:var(--ink);background:#0000000d}.live-report-summary-cards{grid-template-columns:180px 1fr;gap:12px;display:grid}.live-report-score-card{color:#fff;text-align:center;background:linear-gradient(135deg,#1c2b4d 0%,#0d1629 100%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:14px 12px;display:flex}.live-score-number{color:#00e676;font-family:Outfit,sans-serif;font-size:42px;font-weight:800;line-height:1}.live-score-label{margin-top:4px}.live-score-label b{text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;font-size:11px;display:block}.live-score-label span{color:#ffffffe6;margin-top:2px;font-size:11px;display:block}.live-report-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.live-kpi-box{background:var(--bg);border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;padding:8px 12px;display:flex}.live-kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.live-kpi-val{color:var(--ink);margin-top:2px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.live-kpi-val.highlight{color:#f37d21}.live-audio-player-box{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.live-audio-player-title{color:var(--ink);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.live-audio-download-btn{color:#f37d21;background:#f37d2114;border:1px solid #f37d2133;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s}.live-audio-download-btn:hover{background:#f37d212e}.live-native-audio-player{outline:none;width:100%;height:36px}.live-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;display:flex}.live-report-words-chips{flex-wrap:wrap;gap:6px;display:flex}.live-chip{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.live-chip.active{color:var(--ink);background:#f37d211a;border-color:#f37d21;font-weight:600}.live-chip-count{color:#f37d21;font-family:Outfit,sans-serif;font-weight:700}.live-report-transcript-box{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 14px}.live-txt-download-btn{color:#f37d21;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600}.live-txt-download-btn:hover{text-decoration:underline}.live-report-transcript-content{max-height:120px;color:var(--ink);margin-top:4px;padding-right:4px;font-size:13px;line-height:1.5;overflow-y:auto}.live-transcript-filler-mark{color:#b91c1c;background:#fee2e2;border-bottom:2px solid #ef4444;border-radius:4px;padding:1px 4px;font-weight:700}.live-report-actions{border-top:1px solid var(--line);gap:10px;padding-top:6px;display:flex}.live-report-primary-btn{color:#fff;cursor:pointer;background:#f37d21;border:0;border-radius:8px;flex:2;height:40px;font-size:13px;font-weight:700;transition:all .2s}.live-report-primary-btn:hover{background:#e06c14}.live-report-secondary-btn{border:1px solid var(--line);background:var(--panel);height:40px;color:var(--ink);cursor:pointer;border-radius:8px;flex:1.2;font-size:12px;font-weight:600;transition:all .15s}.live-report-secondary-btn:hover{background:var(--bg)}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-bottom:12px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;min-height:280px;padding:14px 16px;box-shadow:0 8px 24px #18120d08}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.panel-heading>div{align-items:center;gap:10px;display:flex}.step{color:var(--red);letter-spacing:1px;font-size:10px;font-weight:700}h2{color:var(--ink);margin:0;font-family:Outfit,sans-serif;font-size:19px;font-weight:600}.format-note,.live-dot{color:var(--muted);letter-spacing:.4px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.panel-meta{align-items:center;gap:6px;display:flex}.provider-chip{border:1px solid var(--line);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:#ffffff80;border-radius:999px;align-items:center;padding:3px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;display:inline-flex}.provider-chip.local{color:var(--green);background:#2f7a5c14;border-color:#2f7a5c59}.provider-chip.openai{color:var(--red);background:#bf3f2f0d;border-color:#bf3f2f4d}.live-dot{color:var(--green)}.source-options{flex-direction:column;display:flex}.or-divider{color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;margin:8px 0;font-size:10px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.dropzone{border:1px dashed var(--line);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:84px;padding:8px 12px;transition:border-color .2s,background .2s;display:flex}.dropzone:hover{border-color:var(--red);background:var(--red-soft)}.dropzone input{display:none}.upload-symbol{background:var(--red-soft);width:28px;height:28px;color:var(--red);border-radius:50%;place-items:center;margin-bottom:4px;font-size:16px;display:grid}.dropzone strong{color:var(--ink);font-size:12.5px;font-weight:600}.dropzone span{color:var(--muted);margin-top:2px;font-size:11px}.url-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.url-field-wrap label{color:var(--ink);margin:0;font-size:12.5px;font-weight:700;display:inline-block}.supported-platforms-pills{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.platform-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;transition:all .15s;display:inline-flex}.platform-pill.youtube{color:#ef4444;background:#ef444414;border-color:#ef444440}.platform-pill.spotify{color:#10b981;background:#10b98114;border-color:#10b98140}.platform-pill.podcast{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf640}.platform-icon{fill:currentColor;flex-shrink:0;width:12px;height:12px}.podcast-emoji{font-size:11px;line-height:1}.url-field{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--red);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.url-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.url-field-wrap small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.analysis-details{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.analysis-details input,.analysis-details textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);resize:vertical;border-radius:6px;outline:0;padding:6px 8px;font-size:11px}.analysis-details textarea{grid-column:1/-1;height:38px;min-height:36px}.analysis-details input:focus,.analysis-details textarea:focus{border-color:var(--red)}.analyze-button{background:linear-gradient(135deg, var(--ink), #2c2a28);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:42px;margin-top:10px;padding:0 14px 0 16px;font-size:12.5px;transition:all .2s;display:flex;box-shadow:0 8px 16px #1d1c1a1a}.analyze-button:hover:not(:disabled){background:linear-gradient(135deg, var(--red), #d66752);transform:translateY(-1px);box-shadow:0 10px 20px #c75b472e}.analyze-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.button-label{letter-spacing:.02em;font-weight:600}.button-icon-wrap{background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.button-arrow{font-size:16px;line-height:1}.loader-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.75s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.progress-panel{background:#bf3f2f0a;border:1px solid #bf3f2f38;border-radius:8px;margin-top:10px;padding:10px 12px 8px}.progress-header{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.progress-meta{align-items:baseline;gap:8px;display:flex}.progress-header strong{color:var(--red);letter-spacing:0;text-transform:none;font-size:14px}.progress-time{color:var(--muted);letter-spacing:.06em;text-transform:none;font-size:9px}.progress-bar{background:#1e1e1e14;border-radius:4px;height:6px;margin-top:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--red), #d96d53);border-radius:4px;width:0;transition:width .35s;position:absolute;inset:0 auto 0 0}.progress-label{color:var(--ink);margin-top:6px;font-size:11.5px;font-weight:600}.progress-steps{background:#ffffff40;border:1px solid #1e1e1e1f;border-radius:6px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:8px;display:grid;overflow:hidden}.progress-step{min-height:28px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:center;background:#ffffff14;border-right:1px solid #1e1e1e1f;justify-content:center;align-items:center;padding:4px;font-size:8.5px;line-height:1.1;transition:all .2s;display:flex;position:relative}.progress-step:last-child{border-right:0}.progress-step:before{content:"";background:0 0;height:2px;position:absolute;top:0;left:0;right:0}.progress-step.active{color:var(--red);background:#bf3f2f0f;box-shadow:inset 0 0 0 1px #bf3f2f14}.progress-step.active:before{background:linear-gradient(90deg, var(--red), #d96d53)}.error-message{color:var(--red);margin-top:18px;font-size:12px}.result-panel.revealed{border-color:var(--red-soft);background:var(--panel)}.result-content{animation:.45s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.live-dot.is-active-dot{color:var(--red);font-weight:700;animation:1.5s ease-in-out infinite pulseDotText}@keyframes pulseDotText{0%,to{opacity:1}50%{opacity:.55}}.live-running-banner{background:linear-gradient(135deg,#c75b4714 0%,#f6e2dd4d 100%);border:1px solid #c75b4759;border-radius:12px;margin-bottom:12px;padding:10px 14px;box-shadow:0 4px 16px #c75b4714}.live-running-header{color:var(--red);letter-spacing:.05em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.live-badge-tag{background:var(--red);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:700}.live-running-stats{color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;font-size:11.5px;display:flex}.live-running-stats strong{color:var(--red)}.live-running-progress-track{background:#c75b4726;border-radius:999px;height:4px;margin-top:8px;position:relative;overflow:hidden}.live-running-progress-fill{background:linear-gradient(90deg,#c75b47,#f3826f,#c75b47) 0 0/200% 100%;border-radius:999px;height:100%;transition:width .3s;animation:1.5s linear infinite laserShimmer}@keyframes laserShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.complete-banner{background:linear-gradient(135deg,#2f7a5c0f 0%,#2f7a5c05 100%);border:1px solid #2f7a5c47;border-radius:12px;margin-bottom:12px;padding:10px 14px}.complete-badge-content{align-items:center;gap:10px;display:flex}.complete-badge-icon{width:24px;height:24px;color:var(--green);background:#2f7a5c26;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.complete-badge-content strong{color:var(--green);font-size:12.5px;display:block}.complete-badge-sub{color:var(--muted);margin-top:1px;font-size:10.5px;display:block}.result-source{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.source-headline{justify-content:space-between;align-items:center;gap:10px;display:flex}.source-headline span:first-child{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.source-tag{color:var(--green);letter-spacing:.08em;text-transform:uppercase;background:#2f7a5c14;border:1px solid #2f7a5c40;border-radius:4px;align-items:center;padding:3px 7px;font-size:9px;display:inline-flex}.source-tag.source-tag-live{color:var(--red);background:#c75b471a;border-color:#c75b4766;font-weight:700;animation:1.5s ease-in-out infinite pulseLiveTag}@keyframes pulseLiveTag{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.live-pill-inline{vertical-align:middle;background:var(--red);color:#fff;letter-spacing:.05em;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:8.5px;font-weight:700;display:inline-block}.count-pulsing{animation:2s ease-in-out infinite numberPulse}@keyframes numberPulse{0%,to{text-shadow:0 0 #c75b4700}50%{text-shadow:0 0 12px #c75b4766}}.result-source strong{color:var(--ink);word-break:break-word;font-size:15px;font-weight:600;line-height:1.4}.main-count{align-items:baseline;gap:10px;padding:13px 0 15px;display:flex}.main-count strong{color:var(--red);letter-spacing:-2px;font-family:Outfit,sans-serif;font-size:56px;font-weight:700;line-height:1;display:block}.main-count span{color:var(--muted);font-size:12px}.main-count span small{color:var(--red);font-size:10px}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0 11px;display:grid}.metrics div{flex-direction:column;gap:3px;display:flex}.metrics b{color:var(--muted);font-size:10px;font-weight:500;line-height:1.3}.metrics strong{color:var(--ink);font-size:20px;font-weight:500}.metrics span{color:var(--red);text-transform:uppercase;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.optimization-card{background:#bf3f2f0b;border:1px solid #bf3f2f33;margin:5px 0 2px;padding:12px 14px}.optimization-card.good{background:#2f7a5c0f;border-color:#2f7a5c40}.optimization-card.focus{background:#bf3f2f14;border-color:#bf3f2f59}.optimization-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.optimization-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.optimization-card h3{color:var(--ink);margin:4px 0 0;font-family:Outfit,sans-serif;font-size:17px;font-weight:600}.optimization-heading>strong{color:var(--red);white-space:nowrap;font-size:20px;font-weight:600}.optimization-heading>strong span{color:var(--muted);font-size:10px;font-weight:400}.optimization-card p{color:var(--ink);margin:8px 0 10px;font-size:12px;line-height:1.55}.optimization-tips{flex-wrap:wrap;gap:6px;display:flex}.optimization-tips span{color:var(--ink);background:#ffffff80;border:1px solid #1e1e1e1f;padding:5px 7px;font-size:10px}.optimization-card a{color:var(--red);text-underline-offset:3px;margin-top:10px;font-size:10px;text-decoration:underline;display:inline-block}.breakdown{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0 16px;display:grid}.breakdown div{flex-direction:column;gap:2px;display:flex}.breakdown b{color:var(--ink);font-family:Outfit,sans-serif;font-size:17px;font-weight:600}.breakdown strong{color:var(--ink);font-size:23px;font-weight:500}.breakdown span{color:var(--muted);font-size:10px}.section-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.density-card,.transcript-card{border-top:1px solid var(--line);padding:12px 0}.density-chart{align-items:end;gap:5px;height:78px;margin-top:10px;padding-bottom:18px;display:flex;overflow-x:auto}.density-column{flex-direction:column;justify-content:end;align-items:center;gap:4px;min-width:18px;height:60px;display:flex}.density-bar{background:linear-gradient(180deg, #d96d53, var(--red));width:100%;min-height:5px}.density-column span{color:var(--muted);font-size:9px}.transcript-list{border:1px solid var(--line);max-height:190px;margin-top:8px;display:grid;overflow-y:auto}.audio-sync-player-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:8px;margin:12px 0 16px;padding:12px 16px;display:flex}.audio-player-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.audio-player-label{letter-spacing:.08em;color:var(--primary);text-transform:uppercase;font-size:.72rem;font-weight:700}.playback{border-radius:8px;outline:none;width:100%;height:38px}.transcript-segment{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:45px 1fr;gap:10px;padding:8px 10px;display:grid}.transcript-segment:last-child{border-bottom:0}.transcript-segment:hover{background:#c75b4712}.transcript-segment>span{color:var(--red);font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.transcript-segment strong{font-size:11px;font-weight:500;line-height:1.4}.youtube-player-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:14px;box-shadow:0 4px 16px #00000005}.video-player-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.video-player-title-info{flex-direction:column;gap:2px;max-width:70%;display:flex}.video-badge{color:var(--muted);letter-spacing:.08em;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700}.video-name-heading{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;overflow:hidden}.video-sync-subhint{color:var(--muted);white-space:nowrap;background:#0000000a;border-radius:6px;padding:3px 8px;font-size:11px}.timeline-header-flex{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.media-pill-tag{border:1px solid var(--line);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#0000000a;border-radius:999px;align-items:center;gap:6px;max-width:260px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.media-pill-tag .pill-dot{color:#f37d21;font-size:8px}.analyzing-media-callout{border:1px solid var(--line);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#0000000a;border-radius:999px;align-items:center;gap:8px;max-width:90%;margin:6px 0 10px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.youtube-player-wrap{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;max-height:340px;margin-top:4px;position:relative;overflow:hidden}.youtube-player-wrap iframe,.youtube-player-wrap div{border:0;width:100%!important;height:100%!important}.supercut-badge{color:#ef4444;background:#ef444426;border-radius:20px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:600;animation:1.5s infinite pulse;display:inline-flex}.crutch-words-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:14px}.crutch-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.crutch-chip{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.crutch-chip strong{color:var(--primary,#3b82f6)}.crutch-chip button{color:var(--primary,#3b82f6);cursor:pointer;background:#3b82f61f;border:0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;transition:all .2s}.crutch-chip button:hover{background:var(--primary,#3b82f6);color:#fff}.timeline-label{color:var(--muted);justify-content:space-between;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;display:flex}.analyzing-live-hero{text-align:center;background:linear-gradient(#ffffffb3 0%,#f6e2dd59 100%);border:1px solid #c75b4740;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:24px 20px;display:flex;box-shadow:0 10px 30px #c75b470f}.live-status-pill{color:var(--red);letter-spacing:.08em;text-transform:uppercase;background:#c75b471f;border:1px solid #c75b474d;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.live-pulse-beacon{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.6s cubic-bezier(.66,0,0,1) infinite beaconPulse;display:inline-block;box-shadow:0 0 #c75b47b3}@keyframes beaconPulse{0%{box-shadow:0 0 #c75b47b3}70%{box-shadow:0 0 0 10px #c75b4700}to{box-shadow:0 0 #c75b4700}}.waveform-equalizer{justify-content:center;align-items:center;gap:4px;height:48px;margin:18px 0 14px;display:flex}.waveform-equalizer span{background:var(--line);border-radius:999px;width:4px;height:12px;transition:all .2s}.waveform-equalizer.active span{background:linear-gradient(#c75b47 0%,#e07060 100%);animation:1.2s ease-in-out infinite alternate eqBounce}.waveform-equalizer span:first-child,.waveform-equalizer span:nth-child(11){height:10px;animation-delay:.1s}.waveform-equalizer span:nth-child(2),.waveform-equalizer span:nth-child(10){height:22px;animation-delay:.25s}.waveform-equalizer span:nth-child(3),.waveform-equalizer span:nth-child(9){height:36px;animation-delay:.4s}.waveform-equalizer span:nth-child(4),.waveform-equalizer span:nth-child(8){height:44px;animation-delay:.15s}.waveform-equalizer span:nth-child(5),.waveform-equalizer span:nth-child(7){height:30px;animation-delay:.35s}.waveform-equalizer span:nth-child(6){height:48px;animation-delay:50ms}@keyframes eqBounce{0%{opacity:.4;transform:scaleY(.25)}50%{opacity:1;transform:scaleY(1.1)}to{opacity:.6;transform:scaleY(.35)}}.analyzing-stage-title{color:var(--ink);letter-spacing:-.3px;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:17px;font-weight:600}.analyzing-progress-bar-wrap{background:#1e1e1e14;border-radius:999px;width:100%;max-width:320px;height:7px;margin-bottom:8px;overflow:hidden}.analyzing-progress-bar{background:linear-gradient(90deg,#c75b47,#f3826f,#c75b47) 0 0/200% 100%;border-radius:999px;height:100%;transition:width .35s;animation:1.5s linear infinite laserShimmer}.analyzing-submeta{color:var(--muted);align-items:center;gap:14px;margin-bottom:10px;font-size:11.5px;display:flex}.analyzing-submeta strong{color:var(--red)}.analyzing-hint{max-width:380px;color:var(--muted);margin:0;font-size:11px;line-height:1.45}.empty-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:16px 0;display:flex}.empty-result p{color:var(--ink);margin:14px 0 4px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600}.empty-result small{max-width:260px;color:var(--muted);font-size:11px;line-height:1.4}.waveform{align-items:center;gap:4px;height:28px;display:flex}.waveform span{background:var(--line);border-radius:2px;width:3px;height:12px;transition:all .3s}.waveform.active span{background:var(--primary,#3b82f6);animation:1.2s ease-in-out infinite wavePulse}.waveform span:nth-child(2),.waveform span:nth-child(6){height:20px;animation-delay:.15s}.waveform span:nth-child(3),.waveform span:nth-child(5){height:26px;animation-delay:.3s}.waveform span:nth-child(4){height:16px;animation-delay:.45s}@keyframes wavePulse{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1.1)}}.history-section{padding-bottom:32px}.history-head{align-items:center}.history-caption{color:var(--muted);margin-left:auto;font-size:10px}.history-clear-button{color:var(--red);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:10px;text-decoration:underline}.history-tools{align-items:center;gap:10px;display:flex}.history-tools input,.history-tools select{border:1px solid var(--line);height:36px;color:var(--ink);background:#fffc;padding:0 12px}.history-tools input{min-width:220px}:root[data-theme=dark] .history-tools input,:root[data-theme=dark] .history-tools select{color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#24211d;border-color:#4a463f}:root[data-theme=dark] .history-tools input::placeholder{color:#a9a196;opacity:1}:root[data-theme=dark] .history-tools input:hover,:root[data-theme=dark] .history-tools select:hover,:root[data-theme=dark] .history-tools input:focus,:root[data-theme=dark] .history-tools select:focus{border-color:var(--red);background:#2b2823;outline:none}.history-table-wrap{overflow-x:auto}.history-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px}.history-table th,.history-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.history-table th{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.history-link-cell a,.history-link-cell span{max-width:100%;color:var(--ink);word-break:break-word;text-decoration:none;display:block}.history-title,.history-tags{display:block}.history-title{margin-bottom:3px;font-size:12px}.history-tags{color:var(--red);letter-spacing:.03em;margin-bottom:4px;font-size:9px}.history-edit-input{border:0;border-bottom:1px solid var(--red);width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;outline:0}.history-actions{white-space:nowrap;align-items:center;gap:5px;display:flex}.history-result-button{border:1px solid var(--red);color:var(--red);cursor:pointer;background:0 0;padding:8px 12px;transition:all .2s}.history-result-button:hover{background:var(--red);color:#fff}.history-icon-button{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0}.history-icon-button:hover{border-color:var(--red);color:var(--red)}.history-icon-button.danger:hover{border-color:var(--red);background:var(--red);color:#fff}.history-empty-state{border:1px dashed var(--line);color:var(--muted);background:#ffffff4d;padding:16px 18px}:root[data-theme=dark] .history-empty-state{background:#ffffff0a}.history-table tbody tr{transition:background .2s}.history-table tbody tr:hover{background:#c75b4708}.history-table tbody tr.active-history-row{background:#2f7a5c12}.history-table tbody tr.active-history-row td:first-child{box-shadow:inset 3px 0 0 var(--green)}.settings-view{grid-template-columns:minmax(250px,.7fr) minmax(480px,1.3fr);align-items:start;column-gap:clamp(44px,7vw,120px);max-width:none;padding:78px 0 110px;display:grid}.settings-view>.eyebrow,.settings-view>h1,.settings-view>.intro-copy{grid-column:1}.settings-view>.eyebrow{margin-top:10px;margin-bottom:12px}.settings-view>h1{margin-bottom:18px}.settings-view>.intro-copy{max-width:360px;margin:0}.settings-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-area:1/2/span 3;width:100%;margin-top:0;padding:30px;box-shadow:0 18px 45px #18120d0f}.api-panel{margin-bottom:16px}.provider-select-row{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.provider-select-row label{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.provider-select-row select{border:1px solid var(--line);background:var(--panel);height:45px;color:var(--ink);padding:0 12px}.api-key-row{gap:10px;display:flex}.api-key-row input{border:1px solid var(--line);background:var(--panel);min-width:0;height:45px;color:var(--ink);flex:1;padding:0 12px}.api-key-row input:focus{border-color:var(--red)}.api-key-row button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:0 16px}.api-key-row button:hover{background:var(--red)}.api-key-row .clear-key{border:1px solid var(--line);color:var(--ink);background:0 0}.api-key-row .clear-key:hover{color:var(--red);background:0 0}.privacy{color:var(--muted);text-align:center;margin-top:18px;font-size:11px}.privacy span{color:var(--red);margin-right:5px}.word-list{border-top:1px solid var(--line);scrollbar-width:thin;max-height:420px;overflow-y:auto}.word-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:38px;padding:4px 6px;transition:background .15s;display:flex}.word-row:hover{background:#00000004}.word-label{color:var(--ink);font-family:Outfit,sans-serif;font-size:15px;font-weight:600}.row-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:border-color .18s,color .18s,background .18s;display:flex}.icon-button:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}.edit-input,.add-word input{border:0;border-bottom:1.5px solid var(--red);min-width:0;color:var(--ink);background:0 0;outline:0;padding:6px 0;font-size:14px}.add-word{align-items:center;gap:10px;padding-top:14px;display:flex}.add-word input{flex:1}.add-word button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.add-word button:hover{background:var(--red)}.add-word button span{font-size:16px}.eraser-card{background:var(--red-soft);border:1px solid #c75b4740;border-radius:12px;margin-top:24px;padding:20px 22px;box-shadow:0 4px 16px #00000005}.eraser-header{align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.eraser-icon{font-size:28px;line-height:1}.eraser-header h3{color:var(--ink);margin:0 0 4px;font-size:16px;font-weight:700}.eraser-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.eraser-button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.eraser-button:hover:not(:disabled){background:#b24d3a;transform:translateY(-1px);box-shadow:0 4px 12px #c75b474d}.eraser-button:disabled{opacity:.6;cursor:not-allowed}.waveform-bar-card{border:1px solid var(--line);background:#fff6;border-radius:12px;margin-top:24px;padding:18px 20px}:root[data-theme=dark] .waveform-bar-card.sniper-card{background:#1c1a17;border-color:#3b3731}:root[data-theme=dark] .sniper-summary-tag{background:#27241f;border-color:#454038}:root[data-theme=dark] .sniper-filter-bar{background:#211e1a;border-color:#3b3731}:root[data-theme=dark] .sniper-filter-pill{background:#2a2722;border-color:#48433b}:root[data-theme=dark] .sniper-filter-pill:hover{border-color:var(--ink-soft);background:#35312b}:root[data-theme=dark] .waveform-timeline{background:#25221e;border-color:#48433b}:root[data-theme=dark] .timeline-track{background:#ffffff29}:root[data-theme=dark] .sniper-card .player-control-button,:root[data-theme=dark] .sniper-card .keyboard-shortcut-hint kbd{background:#2a2722;border-color:#48433b}:root[data-theme=dark] .sniper-card .player-control-button:hover:not(:disabled){background:#35312b}.waveform-timeline{cursor:pointer;border:1px solid var(--line);background:#0000000a;border-radius:8px;height:36px;margin:12px 0 16px;position:relative;overflow:hidden}.timeline-track{background:#00000026;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-filler-marker{background:var(--red);z-index:2;border-radius:3px;transition:transform .15s,background-color .15s;position:absolute;top:3px;bottom:3px;box-shadow:0 0 6px #c75b4799}.timeline-filler-marker:hover{z-index:4;background:#e63917;transform:scaleY(1.18)}.timeline-filler-marker.marker-dimmed{opacity:.16;filter:grayscale(.8);box-shadow:none}.timeline-filler-marker.marker-active{opacity:1;z-index:3;background:#ef4444;box-shadow:0 0 8px #ef4444d9}.timeline-pause-marker{z-index:1;background:#d9770673;border:1px solid #d97706d9;border-radius:2px;transition:transform .15s,background-color .15s;position:absolute;top:6px;bottom:6px}.timeline-pause-marker:hover{z-index:4;background:#d97706cc;transform:scaleY(1.2)}.timeline-playhead{pointer-events:none;z-index:5;background:#fff;width:2px;transition:left .1s linear;position:absolute;top:0;bottom:0;box-shadow:0 0 8px 1px #ffffffe6,0 0 2px 1px #3b82f6}.timeline-playhead:after{content:"";background:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #3b82f6}.speakers-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.add-speaker-btn{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:1px dashed #3b82f666;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.add-speaker-btn:hover{color:#fff;background:#3b82f6;border-style:solid}.sniper-title-group{align-items:center;gap:8px;display:flex}.sniper-summary-tag{color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#0000000a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.sniper-header-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sniper-status-pill{letter-spacing:.2px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.sniper-status-pill.filler{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.sniper-status-pill.pause{color:#d97706;background:#d977061f;border:1px solid #d9770640}.sniper-filter-bar{border:1px solid var(--line);background:#00000005;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}@media (width>=768px){.sniper-filter-bar{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:14px}}.sniper-filter-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sniper-filter-heading{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:600}.sniper-filter-options{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sniper-filter-pill{background:var(--bg-card,#fff);border:1px solid var(--line);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.sniper-filter-pill:hover{border-color:var(--ink);background:#0000000d;transform:translateY(-1px)}.sniper-filter-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600;box-shadow:0 2px 6px #00000026}.sniper-filter-pill b{opacity:.9;font-size:10.5px}.speaker-pill-btn{align-items:center;gap:5px;display:inline-flex}.speaker-mini-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.sniper-reset-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.sniper-reset-btn:hover{background:#ef44442e;border-color:#ef4444}.sniper-controls-grid{flex-direction:column;gap:12px;margin-top:14px;display:flex}.sniper-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sniper-row-label{color:var(--muted);flex-shrink:0;min-width:135px;font-size:12.5px;font-weight:600}.sniper-btn-group{flex:1;align-items:center;gap:8px;max-width:440px;display:flex}.sniper-counter-badge{color:#ef4444;white-space:nowrap;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:90px;padding:6px 14px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.sniper-counter-badge:hover:not(:disabled){background:#ef444438;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 3px 10px #ef444440}.sniper-counter-badge:active:not(:disabled){transform:translateY(0)}.sniper-counter-badge:disabled{opacity:.5;cursor:not-allowed}.sniper-counter-badge.pause{color:#d97706;background:#d977061a;border-color:#d9770640}.sniper-counter-badge.pause:hover:not(:disabled){background:#d9770638;border-color:#d9770680;box-shadow:0 3px 10px #d9770640}.player-extra-controls{flex-wrap:wrap;gap:10px;display:flex}.player-control-button{border:1px solid var(--line);background:var(--panel);min-width:120px;height:38px;color:var(--ink);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.player-control-button:hover:not(:disabled){border-color:var(--ink);background:var(--bg)}.player-control-button.pause-btn:hover:not(:disabled){color:#d97706;border-color:#d97706}.player-control-button.supercut-btn{color:var(--red);background:#ef444414;border-color:#ef44444d;flex:1.5;font-weight:600}.player-control-button.supercut-btn:hover:not(:disabled){border-color:var(--red);background:#ef444426}.player-control-button.active{background:var(--red);border-color:var(--red);color:#fff;font-weight:600;box-shadow:0 0 12px #ef444466}.player-control-button:disabled{opacity:.4;cursor:not-allowed}.sniper-row-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.keyboard-shortcut-hint{color:var(--muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.keyboard-shortcut-hint kbd{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10.5px;font-weight:600;box-shadow:0 1px 1px #00000026}footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:32px;padding:24px 0 32px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;display:flex}.footer-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-author{color:var(--ink);opacity:.9;font-weight:600}.footer-rev-badge{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.footer-rev-badge code{color:#3b82f6;letter-spacing:.5px;font-family:SFMono-Regular,Consolas,Monaco,monospace;font-weight:800}.footer-rev-badge .rev-dot{color:#10b981;font-size:9px;animation:2.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.footer-rev-badge:hover{background:#3b82f60d;border-color:#3b82f6;transform:translateY(-1px)}.footer-divider{opacity:.4}.footer-right{align-items:center;gap:12px;display:flex}.footer-github-link{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;padding:6px 14px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.footer-github-link:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.footer-github-icon{fill:currentColor;width:15px;height:15px}@media (width<=980px){main{width:min(96vw,100%);padding:0 12px}.topbar{gap:12px;height:auto;min-height:60px;padding:10px 0}.nav-center-tabs{order:3;justify-content:space-around;gap:4px;width:100%;padding:3px;overflow-x:auto}.nav-link{padding:7px 12px;font-size:13px}.nav-actions{gap:10px}.nav-status{display:none}.intro,.settings-view{padding:34px 0 26px}.settings-view{display:block}.settings-view>.intro-copy{max-width:520px}.settings-panel{margin-top:28px}h1{letter-spacing:-1px;font-size:36px}.workspace{grid-template-columns:1fr}.panel,.settings-panel{padding:22px 19px}.format-note{display:none}.history-head{display:block}.history-caption{margin:7px 0 0 31px;display:block}.history-clear-button{margin:12px 0 0 31px}.history-tools{flex-direction:column;align-items:stretch;margin-top:12px}.history-tools input{min-width:0}.analysis-details{grid-template-columns:1fr}.analysis-details textarea{grid-column:auto}.add-word{flex-direction:column}.add-word button{height:45px}footer{font-size:9px}}:root[data-theme=dark]{--bg:#13120f;--panel:#1e1c18e6;--surface:#1e1c18;--surface-subtle:#272420;--line:#2e2c28;--line-strong:#45423c;--ink:#f0ece3;--ink-soft:#b8b1a5;--muted:#9a9287;--red:#e06b55;--red-soft:#3a1f1a;--green:#3a9970}html,body{transition:background .35s,color .35s}.dark-toggle{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:background .2s,transform .15s;display:flex}.dark-toggle:hover{background:var(--red-soft);transform:scale(1.12)rotate(-15deg)}.word-cloud-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:18px;padding:18px 20px}.word-cloud{flex-wrap:wrap;align-items:baseline;gap:10px 14px;min-height:60px;padding-top:12px;display:flex}.word-cloud-bubble{cursor:default;opacity:.9;border-radius:6px;padding:3px 6px;font-family:Outfit,sans-serif;font-weight:700;line-height:1.1;transition:transform .18s,opacity .18s;display:inline-block}.word-cloud-bubble:hover{opacity:1;transform:scale(1.15)}.word-cloud-bubble sup{opacity:.8;margin-left:2px;font-size:.55em;font-weight:400}.word-cloud-bubble.wc-hot{color:#c75b47;background:#c75b471f}.word-cloud-bubble.wc-warm{color:#c47e1a;background:#c47e1a1f}.word-cloud-bubble.wc-cool{color:#2872b8;background:#2872b81f}:root[data-theme=dark] .word-cloud-bubble.wc-hot{color:#e07060;background:#e0706026}:root[data-theme=dark] .word-cloud-bubble.wc-warm{color:#e0a040;background:#e0a04026}:root[data-theme=dark] .word-cloud-bubble.wc-cool{color:#5898e0;background:#5898e026}.heatmap-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:18px;padding:18px 20px}.heatmap-strip{cursor:pointer;border:1px solid var(--line);background:#0000000d;border-radius:8px;gap:2px;height:48px;margin-top:12px;padding:2px;display:flex;overflow:hidden}.heatmap-cell{transform-origin:bottom;border:1px solid #00000014;border-radius:3px;flex:1;min-width:2px;transition:filter .15s,transform .12s;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.heatmap-cell:hover{filter:brightness(1.25);z-index:1;transform:scaleY(1.08)}.heatmap-legend{color:var(--muted);letter-spacing:.3px;gap:18px;margin-top:10px;font-size:11px;font-weight:500;display:flex}.heatmap-legend span{align-items:center;gap:5px;display:flex}.heatmap-legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@keyframes counter-flip{0%{color:var(--ink);transform:perspective(300px)rotateX(0)}25%{color:var(--red);transform:perspective(300px)rotateX(-50deg)}50%{opacity:0;transform:perspective(300px)rotateX(-90deg)}51%{opacity:0;transform:perspective(300px)rotateX(90deg)}75%{color:var(--red);transform:perspective(300px)rotateX(30deg)}to{color:var(--ink);transform:perspective(300px)rotateX(0)}}.flip-counter-number.counter-pop{animation:.55s cubic-bezier(.4,0,.2,1) counter-flip}.particle-canvas-wrap{justify-content:center;align-items:center;display:flex;position:relative}.particle-canvas{pointer-events:none;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ambient-pulse{0%{box-shadow:0 0 #c75b478c}50%{box-shadow:0 0 0 18px #c75b4700}to{box-shadow:0 0 #c75b4700}}.live-counter-box.ambient-alert{background:#c75b4712;animation:1.2s ease-out infinite ambient-pulse;border-color:var(--red)!important}.wpm-chart-box{border:1px solid var(--line);background:#0000001f;border-radius:12px;margin-top:14px;padding:14px 16px;position:relative}:root[data-theme=dark] .wpm-chart-box{background:#ffffff0a}.wpm-chart-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700}.wpm-chart-canvas{border-radius:8px;width:100%;height:80px;display:block}.wpm-chart-hint{color:var(--muted);pointer-events:none;opacity:.7;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}:root[data-theme=dark] .analyzing-live-hero{background:linear-gradient(#1e2028b3 0%,#c75b471a 100%);border-color:#c75b4759}:root[data-theme=dark] .live-running-banner{background:linear-gradient(135deg,#c75b4726 0%,#1e202880 100%)}:root[data-theme=dark] .complete-banner{background:linear-gradient(135deg,#2f7a5c26 0%,#1e202880 100%)}.report-action-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.report-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.report-btn:hover{border-color:var(--red);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.report-btn-comment{color:#c2410c;background:#ea580c1a;border-color:#ea580c59;font-weight:700}.report-btn-comment:hover{background:#ea580c2e;border-color:#ea580c}.report-btn-facebook{color:#1877f2;background:#1877f217;border-color:#1877f24d;font-weight:700}.report-btn-facebook:hover{background:#1877f22b;border-color:#1877f2}.report-btn-copy{color:var(--red);background:#c75b4714;border-color:#c75b4740}.report-btn-copy:hover{border-color:var(--red);background:#c75b4726}.report-btn-share{color:#9333ea;background:#9333ea14;border-color:#9333ea40;font-weight:600}.report-btn-share:hover{background:#9333ea29;border-color:#9333ea}.report-btn-img{color:#2563eb;background:#3b82f614;border-color:#3b82f640}.report-btn-img:hover{background:#3b82f626;border-color:#2563eb}.report-btn-pdf{color:var(--green);background:#2f7a5c14;border-color:#2f7a5c40}.report-btn-pdf:hover{border-color:var(--green);background:#2f7a5c26}:root[data-theme=dark] .report-btn{color:#fff;background:#ffffff0f;border-color:#ffffff26}:root[data-theme=dark] .report-btn:hover{background:#ffffff1f}:root[data-theme=dark] .report-btn-comment{color:#fb923c;background:#ea580c38;border-color:#ea580c73}:root[data-theme=dark] .report-btn-facebook{color:#60a5fa;background:#1877f238;border-color:#60a5fa73}:root[data-theme=dark] .report-btn-copy{color:#f87171;background:#c75b4733;border-color:#c75b4766}:root[data-theme=dark] .report-btn-share{color:#c084fc;background:#a855f733;border-color:#a855f773}:root[data-theme=dark] .report-btn-img{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}:root[data-theme=dark] .report-btn-pdf{color:#34d399;background:#2f7a5c33;border-color:#2f7a5c66}.metrics-4col{gap:10px;display:grid;grid-template-columns:repeat(4,1fr)!important}@media (width<=640px){.metrics-4col{grid-template-columns:repeat(2,1fr)!important}}.wpm-timeline-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:14px 16px}.wpm-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.wpm-subtext{color:var(--muted);margin-top:2px;font-size:11.5px}.wpm-legend-pills{align-items:center;gap:8px;font-size:11px;display:flex}.wpm-pill-calm{color:#2563eb}.wpm-pill-optimal{color:#16a34a;font-weight:600}.wpm-pill-fast{color:#ea580c}.wpm-chart-track{border:1px solid var(--line);background:#00000008;border-radius:6px;height:52px;position:relative;overflow:hidden}:root[data-theme=dark] .wpm-chart-track{background:#ffffff08}.wpm-bar-segment{cursor:pointer;border-radius:3px 3px 0 0;min-width:3px;transition:opacity .15s,transform .15s;position:absolute;bottom:0}.wpm-bar-segment:hover{opacity:.85;transform:scaleY(1.08)}.wpm-bar-calm{background:#60a5fa}.wpm-bar-optimal{background:#22c55e}.wpm-bar-fast{background:#f97316}.presets-container{border:1px dashed var(--line);background:#00000005;border-radius:10px;margin-bottom:16px;padding:12px 14px}:root[data-theme=dark] .presets-container{background:#ffffff05}.presets-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11.5px;font-weight:700;display:block}.presets-btn-group{flex-wrap:wrap;gap:8px;display:flex}.preset-tag-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.preset-tag-btn:hover{border-color:var(--red);background:var(--bg);transform:translateY(-1px)}.preset-tag-btn.active{color:#10b981;background:#10b9811f;border-color:#10b981;font-weight:700;box-shadow:0 0 8px #10b98133}.preset-tag-btn.partial{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6;font-weight:600}.preset-tag-reset{color:var(--muted);border-style:dashed}.preset-tag-reset:hover{border-color:var(--ink);border-style:solid}:root[data-theme=dark] .preset-tag-btn{color:#fff;background:#ffffff0f;border-color:#ffffff26}:root[data-theme=dark] .preset-tag-btn.active{color:#34d399;background:#10b98140;border-color:#34d399}:root[data-theme=dark] .preset-tag-btn.partial{color:#60a5fa;background:#3b82f640;border-color:#60a5fa}:root[data-theme=dark] .preset-tag-btn:hover{background:#ffffff1f}.install-pwa-btn{color:#059669;cursor:pointer;background:#10b9811f;border:1px solid #10b98159;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s;animation:3s infinite pulseLight;display:inline-flex}.install-pwa-btn:hover{background:#10b98138;border-color:#059669;transform:translateY(-1px)}:root[data-theme=dark] .install-pwa-btn{color:#34d399;background:#10b98133;border-color:#10b98166}.url-preview-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;animation:.2s ease-out fadeIn;display:flex}.url-preview-card.loading{color:var(--muted);font-size:12px}.url-preview-spinner{border:2px solid #c75b474d;border-top-color:var(--red);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.url-preview-badge-icon{font-size:18px}.url-preview-meta{flex-direction:column;min-width:0;display:flex}.url-preview-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.url-preview-sub{color:var(--muted);font-size:11px}.self-host-badge-btn{color:#e11d48;cursor:pointer;background:#e11d4814;border:1px solid #e11d4840;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.self-host-badge-btn:hover{color:#fff;background:#e11d48;transform:translateY(-1px);box-shadow:0 4px 12px #e11d4840}:root[data-theme=dark] .self-host-badge-btn{color:#fb7185;background:#f43f5e26;border-color:#f43f5e59}:root[data-theme=dark] .self-host-badge-btn:hover{color:#fff;background:#f43f5e}.queue-callout-card{cursor:pointer;background:linear-gradient(135deg,#ea580c14,#e11d4814);border:1px solid #ea580c4d;border-radius:12px;margin-top:14px;padding:14px 16px;transition:transform .2s,box-shadow .2s;animation:2s infinite pulse-border}.queue-callout-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ea580c26}.queue-callout-header{color:#ea580c;align-items:center;gap:10px;font-size:14px;display:flex}:root[data-theme=dark] .queue-callout-header{color:#fb923c}.queue-spinner{border:2px solid #ea580c4d;border-top-color:#ea580c;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.queue-callout-copy{color:var(--muted);margin:6px 0 10px;font-size:12px;line-height:1.4}.queue-callout-action{color:#e11d48;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}:root[data-theme=dark] .queue-callout-action{color:#fb7185}.self-host-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.self-host-modal-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;width:100%;max-width:580px;padding:28px 24px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;box-shadow:0 20px 40px #0000004d}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-badge-pill{color:#e11d48;letter-spacing:.5px;text-transform:uppercase;background:#e11d481a;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.modal-close-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.modal-close-btn:hover{color:var(--ink);background:#0000000f}.queue-live-banner{background:#ea580c1f;border:1px solid #ea580c59;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.queue-banner-text{color:var(--ink);flex-direction:column;font-size:12px;line-height:1.4;display:flex}.queue-banner-text strong{color:#ea580c;font-size:13px}:root[data-theme=dark] .queue-banner-text strong{color:#fb923c}.self-host-modal-card h3{letter-spacing:-.5px;color:var(--ink);margin:0 0 8px;font-size:22px}.modal-intro{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.5}.self-host-features-grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.feature-item{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.feat-icon{font-size:20px;line-height:1}.feature-item strong{color:var(--ink);margin-bottom:3px;font-size:13px;display:block}.feature-item p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.feature-item code{background:#0000000f;border-radius:4px;padding:1px 4px;font-family:monospace;font-size:11px}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.modal-github-button{color:#fff;background:#181717;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.modal-github-button:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 14px #00000040}:root[data-theme=dark] .modal-github-button{color:#181717;background:#f0ece3}:root[data-theme=dark] .modal-github-button:hover{background:#fff}.modal-dismiss-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}.modal-dismiss-btn:hover{color:var(--ink);border-color:var(--ink)}@media print{@page{size:A4 portrait;margin:1.2cm}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{font-size:10.5pt;color:#000!important;background:#fff!important}main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.topbar,.intro,.panel:first-child,.history-section,.eraser-card,.youtube-player-card,.player-control-button,.supercut-badge,.report-action-bar,.crutch-chip button,.live-dot,.dark-toggle,.nav-actions{display:none!important}.workspace{padding:0!important;display:block!important}.panel.result-panel{box-shadow:none!important;background:0 0!important;border:0!important;width:100%!important;padding:0!important}.complete-banner{background:#f9fafb!important;border:1px solid #d1d5db!important;margin-bottom:14px!important;padding:10px 14px!important}.metrics{border-color:#e5e7eb!important;padding:10px 0!important}.optimization-card{page-break-inside:avoid;background:#fdfdfd!important;border:1px solid #d1d5db!important}.word-cloud-card,.crutch-words-card{page-break-inside:avoid;background:#fafafa!important;border:1px solid #e5e7eb!important;margin-top:10px!important;padding:10px!important}.heatmap-card{page-break-inside:avoid;background:#fff!important;border:1px solid #d1d5db!important;margin-top:10px!important;padding:12px!important}.heatmap-strip{background:#f1f5f9!important;border:1px solid #cbd5e1!important;gap:2px!important;height:38px!important;padding:2px!important;display:flex!important}.heatmap-cell{border:1px solid #0000001f!important;border-radius:2px!important;min-height:100%!important}.heatmap-legend-dot{border:1px solid #94a3b8!important}.waveform-bar-card{page-break-inside:avoid;background:#fff!important;border:1px solid #d1d5db!important;margin-top:10px!important;padding:12px!important}.waveform-timeline{background:#f1f5f9!important;border:1px solid #cbd5e1!important;height:32px!important}.timeline-track{background:#94a3b8!important;height:2px!important}.timeline-filler-marker{box-shadow:none!important;background:#dc2626!important;border:1px solid #991b1b!important}.transcript-card{page-break-inside:avoid;max-height:none!important}}.speakers-analysis-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.speakers-header{justify-content:space-between;align-items:flex-start;display:flex}.speakers-subtext{color:var(--muted);margin:2px 0 0;font-size:11px}.speakers-count-badge{color:#3b82f6;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f640;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.speakers-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.speaker-card{background:var(--bg);border:1px solid var(--line);border-top-width:3px;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.speaker-card-header{align-items:center;gap:10px;display:flex}.speaker-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;display:flex}.speaker-name-area{flex:1;min-width:0}.speaker-name-display{align-items:center;gap:6px;display:flex}.speaker-name-display b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:Outfit,sans-serif;font-size:14px;overflow:hidden}.speaker-edit-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:1px 4px;font-size:12px;line-height:1}.speaker-edit-btn:hover{color:var(--ink);background:#0000000f}.speaker-inline-edit{align-items:center;gap:4px;display:flex}.speaker-inline-edit input{border:1px solid var(--red);background:var(--panel);color:var(--ink);border-radius:4px;width:120px;padding:2px 6px;font-size:12px}.speaker-inline-edit button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px}.speaker-meta-time{color:var(--muted);font-size:11px;display:block}.speaker-metrics-row{background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 8px;display:grid}.speaker-metric{flex-direction:column;display:flex}.sm-label{text-transform:uppercase;color:var(--muted);letter-spacing:.4px;font-size:9px}.sm-val{color:var(--ink);font-family:Outfit,sans-serif;font-size:15px;font-weight:700}.sm-val small{color:var(--muted);font-size:9px;font-weight:400}.speaker-top-words{flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.stw-label{color:var(--muted);font-size:10px;font-weight:600}.speaker-word-chip{color:var(--ink);background:#f37d211a;border:1px solid #f37d2140;border-radius:4px;padding:1px 6px;font-size:10px}.speaker-word-chip b{color:#f37d21}.speaker-word-chip.play-chip{cursor:pointer;color:var(--ink);-webkit-user-select:none;user-select:none;background:#f37d211f;border:1px solid #f37d2159;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .18s;display:inline-flex}.speaker-word-chip.play-chip:hover{background:#f37d2140;border-color:#f37d2199;transform:translateY(-1px);box-shadow:0 2px 8px #f37d2133}.speaker-word-chip.play-chip:active{transform:translateY(0)}.chip-play-icon{font-size:10px;line-height:1}.speaker-listen-action{border-top:1px dashed var(--line);margin-top:10px;padding-top:8px}.speaker-listen-all-btn{width:100%;color:var(--ink);cursor:pointer;background:linear-gradient(135deg,#3b82f614,#f37d211a);border:1px solid #3b82f640;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.speaker-listen-all-btn:hover{background:linear-gradient(135deg,#3b82f629,#f37d2133);border-color:#3b82f680;transform:translateY(-1px);box-shadow:0 3px 12px #3b82f626}.speaker-listen-all-btn:active{transform:translateY(0)}.speakers-compare-section{flex-direction:column;gap:4px;padding-top:4px;display:flex}.compare-bar-label{color:var(--ink);justify-content:space-between;font-size:11px;display:flex}.speakers-compare-track{border:1px solid var(--line);background:#e2e8f0;border-radius:999px;height:12px;display:flex;overflow:hidden}.compare-segment{height:100%;transition:width .3s}.transcript-header-bar{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.speaker-filter-pills{flex-wrap:wrap;gap:6px;display:flex}.speaker-pill{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s}.speaker-pill:hover{color:var(--ink);background:#0000000d}.speaker-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.transcript-segment-row{align-items:center;gap:6px;width:100%;display:flex}.transcript-segment-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;align-items:flex-start;gap:8px;padding:6px 10px;transition:background .15s,border-color .15s;display:flex}.transcript-segment-btn:hover{background:var(--bg);border-color:var(--line)}.transcript-time{color:var(--muted);flex-shrink:0;padding-top:1px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.transcript-speaker-tag{white-space:nowrap;border:1px solid;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}.transcript-text-content{color:var(--ink);font-size:13px;font-weight:500;line-height:1.45}.segment-speaker-select{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;opacity:.4;border-radius:4px;padding:2px 4px;font-size:10px;transition:opacity .15s}.transcript-segment-row:hover .segment-speaker-select{opacity:1}.ranking-page-container{flex-direction:column;gap:24px;width:100%;max-width:1240px;margin:0 auto;padding-bottom:40px;animation:.3s ease-out fadeIn;display:flex}.ranking-hero-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b14 0%,#3b82f60d 50%,#8b5cf614 100%);border:1px solid #f59e0b40;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000001a}.ranking-title-badge{letter-spacing:.08em;text-transform:uppercase;color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.trophy-icon{font-size:14px}.ranking-hero-banner h1{letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;font-size:clamp(24px,3.2vw,36px);font-weight:800}.ranking-subtitle{color:var(--muted);max-width:780px;margin:0 0 24px;font-size:15px;line-height:1.55}.ranking-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.ranking-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:16px 18px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #00000008}.ranking-stat-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.ranking-stat-card.highlight{background:linear-gradient(180deg, var(--surface) 0%, #ef44440a 100%);border-color:#ef444459}.ranking-stat-card.gold{background:linear-gradient(180deg, var(--surface) 0%, #f59e0b0d 100%);border-color:#f59e0b66}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.stat-value{color:var(--ink);font-feature-settings:"tnum";font-size:26px;font-weight:800}.stat-value small{color:var(--muted);font-size:13px;font-weight:600}.stat-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ranking-toolbar-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:16px 20px;display:flex;box-shadow:0 4px 16px #00000008}.ranking-categories-bar{border-bottom:1px solid var(--line);gap:8px;padding-bottom:12px;display:flex}.category-tab{color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 16px;font-size:14px;font-weight:700;transition:all .15s}.category-tab:hover{background:var(--bg);color:var(--ink)}.category-tab.active{background:var(--ink);color:#fff;box-shadow:0 2px 8px #00000026}.ranking-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.ranking-search-box{flex:1;align-items:center;min-width:240px;max-width:380px;display:flex;position:relative}.search-icon{opacity:.6;font-size:13px;position:absolute;left:12px}.ranking-search-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--ink);padding:8px 32px 8px 34px;font-size:13px}.clear-search-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:16px;position:absolute;right:8px}.ranking-sort-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sort-label{color:var(--muted);margin-right:4px;font-size:12px;font-weight:600}.sort-chip{background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s}.sort-chip:hover{border-color:var(--line-strong)}.sort-chip.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f640}.ranking-podium-section{flex-direction:column;gap:16px;display:flex}.podium-section-heading{justify-content:center;align-items:center;gap:8px;display:flex}.podium-section-heading h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px;font-weight:800}.podium-container{grid-template-columns:1fr 1.15fr 1fr;align-items:flex-end;gap:16px;margin-top:10px;display:grid}@media (width<=860px){.podium-container{grid-template-columns:1fr}}.podium-column{flex-direction:column;display:flex;position:relative}.podium-column.rank-1{z-index:2;margin-top:0}.podium-column.rank-2{z-index:1;margin-top:32px}.podium-column.rank-3{z-index:1;margin-top:56px}@media (width<=860px){.podium-column.rank-2,.podium-column.rank-3{margin-top:0}}.podium-medal{text-align:center;letter-spacing:.04em;text-transform:uppercase;border-radius:6px 6px 0 0;padding:4px 10px;font-size:12px;font-weight:800}.podium-medal.gold{color:#78350f;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);box-shadow:0 4px 12px #f59e0b4d}.podium-medal.silver{color:#1e293b;background:linear-gradient(135deg,#e2e8f0 0%,#94a3b8 100%)}.podium-medal.bronze{color:#431407;background:linear-gradient(135deg,#fed7aa 0%,#c2410c 100%)}.podium-crown-badge{text-align:center;color:#f59e0b;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:800;animation:2s ease-in-out infinite bounce}.podium-card{background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:10px;min-height:275px;padding:20px 18px;display:flex;box-shadow:0 6px 20px #0000000d}.podium-card.gold-card{background:linear-gradient(180deg, var(--surface) 0%, #f59e0b0f 100%);border-color:#f59e0b80;box-shadow:0 10px 30px -5px #f59e0b33}.podium-avatar{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.podium-avatar.gold{color:#78350f;background:linear-gradient(135deg,#fef3c7 0%,#f59e0b 100%);border:2px solid #f59e0b}.podium-avatar.silver{color:#334155;background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 100%);border:2px solid #94a3b8}.podium-avatar.bronze{color:#7c2d12;background:linear-gradient(135deg,#ffedd5 0%,#fb923c 100%);border:2px solid #f97316}.podium-item-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0;font-size:15px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.podium-item-title.gold-title{font-size:16px}.podium-sub-media{color:var(--muted);font-size:11px}.podium-main-stat{align-items:baseline;gap:6px;display:flex}.main-stat-number{color:#ef4444;font-feature-settings:"tnum";font-size:28px;font-weight:900}.podium-main-stat.gold-stat .main-stat-number{color:#d97706;font-size:34px}.main-stat-label{color:var(--muted);font-size:12px;font-weight:700}.podium-meta-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.podium-meta-row strong{color:var(--ink)}.podium-top-chips{flex-wrap:wrap;gap:4px;display:flex}.podium-chip{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.podium-chip.gold-chip{color:#b45309;background:#f59e0b1f;border-color:#f59e0b4d}.podium-actions-group{gap:6px;margin-top:auto;padding-top:6px;display:flex}.podium-open-btn{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s}.podium-open-btn:hover{background:var(--bg);border-color:var(--ink)}.podium-open-btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.podium-open-btn.primary:hover{opacity:.9}.podium-pedestal{letter-spacing:.15em;border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.gold-pedestal{color:#fffbeb;background:linear-gradient(#d97706 0%,#b45309 100%);height:50px}.silver-pedestal{color:#f8fafc;background:linear-gradient(#94a3b8 0%,#64748b 100%);height:34px}.bronze-pedestal{color:#fff7ed;background:linear-gradient(#c2410c 0%,#9a3412 100%);height:22px}.ranking-table-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 16px #00000008}.ranking-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.ranking-table-header h3{color:var(--ink);margin:0 0 4px;font-size:17px;font-weight:800}.ranking-table-sub{color:var(--muted);margin:0;font-size:13px}.new-analysis-cta-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#3b82f6;border:0;padding:8px 16px;font-size:13px;font-weight:700;transition:opacity .15s}.new-analysis-cta-btn:hover{opacity:.9}.ranking-table-responsive-wrap{overflow-x:auto}.ranking-main-table{border-collapse:collapse;width:100%;font-size:13px}.ranking-main-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--line);padding:10px 14px;font-size:11px;font-weight:800}.ranking-main-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px}.rank-row:hover{background:var(--bg)}.rank-row.gold-row{background:#f59e0b08}.rank-number-badge{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800}.rank-number-badge.gold{color:#b45309;background:#f59e0b2e;border-color:#f59e0b66}.rank-number-badge.silver{color:#334155;background:#94a3b82e;border-color:#94a3b866}.rank-number-badge.bronze{color:#9a3412;background:#f973162e;border-color:#f9731666}.ranking-title-group{flex-direction:column;gap:4px;max-width:340px;display:flex}.main-item-title{color:var(--ink);font-size:14px;font-weight:700;line-height:1.35}.ranking-meta-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.source-sub-badge{font-weight:600}.duration-sub,.speakers-count-badge{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.demo-pill{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.fillers-badge-cell{flex-direction:column;gap:2px;display:flex}.fillers-bold-count{color:#ef4444;font-size:18px;font-weight:800}.total-words-sub{color:var(--muted);font-size:11px}.quote-bar-wrap{flex-direction:column;gap:4px;min-width:90px;display:flex}.quote-text-val{color:var(--ink);font-size:13px;font-weight:700}.quote-progress-track{background:var(--line);border-radius:999px;width:100%;height:6px;overflow:hidden}.quote-progress-fill{border-radius:999px;height:100%;transition:width .3s}.wpm-cell-value{color:var(--ink);font-size:14px;font-weight:700}.wpm-cell-value small{color:var(--muted);font-size:11px}.topwords-chips-cell{flex-wrap:wrap;gap:4px;max-width:200px;display:flex}.mini-topword-chip{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.no-fillers-note{color:var(--muted);font-size:11px;font-style:italic}.ranking-action-buttons{align-items:center;gap:6px;display:flex}.ranking-btn-open{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .15s}.ranking-btn-open:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.ranking-btn-supercut{color:#7c3aed;cursor:pointer;white-space:nowrap;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .15s}.ranking-btn-supercut:hover{color:#fff;background:#7c3aed;border-color:#7c3aed}.ranking-btn-delete{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444440;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.ranking-btn-delete:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.podium-delete-btn{color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;background:#ef444414;border:1px solid #ef444440;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;transition:all .15s;display:inline-flex}.podium-delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.ranking-success-toast{color:#fff;z-index:9999;background:#10b981;border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #10b98159}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-close-btn{color:#fffc;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:14px}.toast-close-btn:hover{color:#fff}.ranking-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.ranking-modal-dialog{color:var(--ink);border:1.5px solid var(--line-strong);border-radius:14px;width:100%;max-width:490px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUpModal;overflow:hidden;box-shadow:0 25px 60px #00000073;opacity:1!important;background:#fff!important}:root[data-theme=dark] .ranking-modal-dialog{border-color:#45423c;box-shadow:0 25px 60px #000000d9;background:#1c1a17!important}.ranking-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex;background:#f7f4ee!important}:root[data-theme=dark] .ranking-modal-header{border-bottom-color:#35322c;background:#25221d!important}.ranking-modal-title-row{align-items:center;gap:8px;display:flex}.modal-lock-icon{font-size:20px}.ranking-modal-title-row h3{color:var(--ink);margin:0;font-size:17px;font-weight:800}.ranking-modal-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;line-height:1}.ranking-modal-close:hover{background:var(--line);color:var(--ink)}.ranking-modal-body{flex-direction:column;gap:16px;padding:22px;display:flex;background:#fff!important}:root[data-theme=dark] .ranking-modal-body{background:#1c1a17!important}.delete-target-preview{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:5px;padding:14px 16px;display:flex;background:#f7f4ee!important}:root[data-theme=dark] .delete-target-preview{border-color:#35322c;background:#25221d!important}.target-label{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);font-size:11px;font-weight:800}.target-title{color:var(--ink);font-size:14px;font-weight:700;line-height:1.35}.target-fillers{color:#ef4444;font-size:12.5px;font-weight:700}.delete-warning-text{color:var(--ink);border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;padding:10px 14px;font-size:12.5px;line-height:1.45;background:#f59e0b1f!important}:root[data-theme=dark] .delete-warning-text{color:#fef3c7;background:#f59e0b26!important}.delete-password-input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--ink);font-size:12.5px;font-weight:700}.password-field-wrapper{align-items:center;display:flex;position:relative}.ranking-password-input{border:1.5px solid var(--line-strong);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:11px 42px 11px 14px;font-size:14.5px;font-weight:600;transition:all .15s;background:#fff!important}:root[data-theme=dark] .ranking-password-input{color:#f0ece3;border-color:#48443d;background:#141310!important}.ranking-password-input:focus{border-color:#ef4444;box-shadow:0 0 0 3.5px #ef44442e}.toggle-pwd-btn{cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;position:absolute;right:10px}.ip-lock-subhint{color:var(--ink-soft);font-size:11.5px;line-height:1.35}.delete-error-alert{color:#ef4444;border:1px solid #ef444459;border-radius:8px;align-items:center;gap:8px;padding:11px 14px;font-size:12.5px;font-weight:700;line-height:1.35;display:flex;background:#ef44441f!important}.ranking-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.modal-cancel-btn{background:var(--surface-subtle);border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.modal-cancel-btn:hover:not(:disabled){background:var(--line)}.modal-delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #dc2626;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s}.modal-delete-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444459}.modal-delete-btn:disabled,.modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.topbar{z-index:1000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;height:auto;min-height:0;padding:8px 12px 10px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:8px;padding:2px 0;display:flex}.brand-logo-img{border-radius:8px;width:32px;height:32px}.brand-title{font-size:17px}.nav-actions{align-items:center;gap:6px;display:flex}.self-host-badge-btn,.install-pwa-btn{border-radius:999px;min-height:30px;padding:5px 9px;font-size:11.5px}.dark-toggle{width:30px;height:30px;font-size:14px}.nav-center-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--surface-subtle);border:1px solid var(--line);border-radius:999px;order:3;gap:4px;width:100%;margin-top:2px;padding:3px;display:flex;overflow-x:auto}.nav-center-tabs::-webkit-scrollbar{display:none}.nav-link{text-align:center;white-space:nowrap;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;min-height:34px;padding:7px 11px;font-size:12.5px;font-weight:700;display:inline-flex}main{margin-top:6px;width:100%!important;max-width:100%!important;padding:0 12px!important}.workspace{grid-template-columns:1fr!important;gap:16px!important}.panel{border-radius:14px!important;padding:18px 14px!important}.panel-drop{border-radius:12px!important;padding:22px 14px!important}.panel-drop-icon{margin-bottom:6px!important;font-size:24px!important}.provider-badges-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.provider-badge{padding:3px 8px!important;font-size:11px!important}.url-input-field,.custom-word-input,.detail-input{border-radius:8px!important;height:46px!important;font-size:16px!important}.submit-analyze-btn,.clean-audio-btn{border-radius:10px!important;height:48px!important;font-size:15px!important;font-weight:800!important}.history-section{padding-bottom:24px}.history-head{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px;display:flex}.history-caption{margin:0;font-size:11px}.history-clear-button{align-self:flex-start;margin:0;font-size:11px}.history-tools{flex-direction:column;gap:8px;width:100%;margin:0;display:flex}.history-tools input,.history-tools select{border-radius:8px;width:100%;min-width:0;height:44px;font-size:14px}.history-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.history-table{min-width:560px}.history-table th,.history-table td{padding:12px 10px;font-size:13px}.history-result-button{border-radius:6px;min-height:34px;padding:7px 12px;font-size:12.5px}.history-icon-button{border-radius:6px;width:32px;height:32px}.ranking-page-container{gap:20px;padding:6px 2px 40px}.ranking-hero-banner{border-radius:14px;padding:22px 16px 18px}.ranking-hero-content h1{letter-spacing:-.5px;line-height:1.25;font-size:23px!important}.ranking-subtitle{line-height:1.45;font-size:13px!important}.ranking-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.ranking-stat-card{border-radius:10px;padding:12px 14px}.ranking-stat-card .stat-value{font-size:22px}.ranking-stat-card .stat-label{font-size:11px}.ranking-toolbar-card{border-radius:12px;gap:12px;padding:14px}.ranking-categories-bar{width:100%;display:flex}.ranking-categories-bar .category-tab{text-align:center;white-space:nowrap;flex:1;padding:9px 10px;font-size:13px}.ranking-controls-row{flex-direction:column;align-items:stretch;gap:12px}.ranking-search-box{width:100%;min-width:0}.ranking-search-input{width:100%;padding:10px 32px 10px 34px;font-size:14px}.ranking-sort-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.ranking-sort-group::-webkit-scrollbar{display:none}.sort-chip{flex-shrink:0;align-items:center;min-height:36px;padding:7px 12px;font-size:12.5px;display:inline-flex}.sort-label{display:none}.podium-container{margin-top:6px;flex-direction:column!important;gap:14px!important;display:flex!important}.podium-column.rank-1{order:1!important;margin-top:0!important}.podium-column.rank-2{order:2!important;margin-top:0!important}.podium-column.rank-3{order:3!important;margin-top:0!important}.podium-pedestal{display:none!important}.podium-card{box-shadow:0 4px 14px #0000000f;border-radius:12px!important;min-height:auto!important;padding:16px 14px!important}.podium-medal{font-size:12.5px;border-radius:10px 10px 0 0!important;padding:6px 12px!important}.podium-main-stat .main-stat-number{font-size:32px!important}.podium-actions-group{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.podium-open-btn{flex:auto;justify-content:center;min-height:42px;padding:10px 12px;font-size:13px}.podium-delete-btn{min-height:42px;padding:10px 14px}.ranking-table-card{border-radius:12px;padding:16px 12px}.ranking-table-header{flex-direction:column;align-items:flex-start;gap:12px}.new-analysis-cta-btn{text-align:center;justify-content:center;width:100%;min-height:42px;padding:10px 16px;font-size:13.5px}.ranking-table-responsive-wrap{-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px;overflow-x:auto}.ranking-main-table{min-width:620px}.ranking-main-table th,.ranking-main-table td{padding:10px 8px}.main-item-title{max-width:200px;font-size:13.5px}.fillers-bold-count{font-size:16px}.ranking-modal-overlay{align-items:center;padding:14px}.ranking-modal-dialog{border-radius:14px!important;width:100%!important;max-width:440px!important;padding:20px 16px!important}.ranking-modal-actions{flex-direction:column-reverse;gap:8px}.modal-delete-btn,.modal-cancel-btn{text-align:center;width:100%;min-height:44px;padding:12px 16px;font-size:14px}.sniper-card{padding:14px 12px!important}.sniper-controls-grid{gap:12px}.sniper-row{flex-direction:column;align-items:flex-start;gap:6px}.sniper-btn-group{justify-content:space-between;width:100%;display:flex}.sniper-btn-group button{flex:1;min-height:40px}footer{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:10px!important;padding:24px 10px 32px!important}}@media (width<=420px){.ranking-stats-grid{grid-template-columns:1fr}.podium-actions-group{flex-direction:column}.podium-open-btn,.podium-delete-btn{width:100%}.nav-link{padding:6px 9px;font-size:12px}}@media (width<=640px){.intro{grid-template-columns:minmax(0,1fr);gap:8px;padding:22px 4px 18px;display:grid}.intro .eyebrow{letter-spacing:1.7px;order:2;margin:0;font-size:9px}.intro h1{letter-spacing:-1.5px;order:1;max-width:100%;font-size:clamp(32px,9vw,44px);line-height:.98}.intro-copy{order:3;max-width:42ch;font-size:14px;line-height:1.5}.nav-center-tabs{scroll-snap-type:x mandatory;justify-content:flex-start;padding:4px}.nav-link{scroll-snap-align:start;flex:none;min-height:40px;padding:8px 13px}.workspace{gap:14px!important}.panel{padding:19px 16px!important}.dropzone{border-radius:12px;min-height:112px}.upload-symbol{width:34px;height:34px;margin-bottom:7px;font-size:19px}.dropzone strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.dropzone span,.url-field-wrap small{text-align:center;font-size:12px;line-height:1.45}.url-label-row{flex-direction:column;align-items:flex-start;gap:7px}.supported-platforms-pills{gap:6px}.platform-pill{min-height:30px;padding:4px 9px;font-size:11px}.url-field{height:auto;min-height:46px;padding:0 11px}.url-field input{min-width:0;min-height:44px;font-size:14px}.analysis-details{gap:8px;margin-top:12px}.analysis-details input,.analysis-details textarea{border-radius:9px;min-height:44px;padding:10px 11px;font-size:14px}.analysis-details textarea{min-height:64px}.analyze-button{height:auto;min-height:50px;margin-top:14px;padding-inline:16px;font-size:14px}}.live-tab-pulse-badge{letter-spacing:.5px;color:#fff;background:#ef4444;border-radius:999px;align-items:center;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:800;animation:1.4s ease-in-out infinite liveBadgePulse;display:inline-flex;box-shadow:0 0 10px #ef444480}@keyframes liveBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.live-audio-download-group{align-items:center;gap:8px;display:flex}.live-audio-download-btn.mp3-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f37d21,#e0650d);border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f37d2159}.live-audio-download-btn.mp3-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #f37d2173}.live-audio-download-btn.mp3-primary:disabled{opacity:.6;cursor:wait}.live-audio-download-btn.webm-secondary{background:var(--bg-surface-secondary,#0000000d);color:var(--text-secondary,#666);border:1px solid var(--border-subtle,#0000001a);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s}.live-audio-download-btn.webm-secondary:hover{color:var(--text-primary,#111);background:#0000001a}.live-transcript-btn-group{align-items:center;gap:8px;display:flex}.live-whisper-enhance-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #3b82f64d}.live-whisper-enhance-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.live-whisper-enhance-btn:disabled{opacity:.6;cursor:wait}.live-transcribing-state{background:#3b82f60f;border:1px dashed #3b82f64d;border-radius:12px;align-items:center;gap:16px;margin-top:10px;padding:24px;display:flex}.live-transcribing-state p{color:var(--text-primary,#111);margin:0;font-size:13px;line-height:1.5}.live-spinner-ring{border:3px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.8s linear infinite liveSpin}@keyframes liveSpin{to{transform:rotate(360deg)}}.footer-legal-btn{color:var(--ink);cursor:pointer;opacity:.8;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:underline;transition:opacity .15s,color .15s}.footer-legal-btn:hover{opacity:1;color:#3b82f6}.legal-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.legal-modal-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000059}.legal-modal-header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.legal-modal-tabs{gap:8px;display:flex}.legal-modal-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s}.legal-modal-tab-btn:hover{color:var(--ink);background:#0000000a}.legal-modal-tab-btn.active{background:var(--bg);border-color:var(--line);color:var(--ink);box-shadow:0 2px 6px #00000014}:root[data-theme=dark] .legal-modal-tab-btn.active{color:#fff;background:#ffffff14;border-color:#ffffff26}.legal-modal-close-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.legal-modal-close-btn:hover{color:var(--ink);background:#00000014}:root[data-theme=dark] .legal-modal-close-btn:hover{color:#fff;background:#ffffff1a}.legal-modal-body{color:var(--ink);padding:24px;line-height:1.65;overflow-y:auto}.legal-content h2{color:var(--ink);margin:0 0 4px;font-size:22px;font-weight:800}.legal-subline{color:var(--muted);margin-bottom:20px;font-size:12px}.legal-section{margin-bottom:22px}.legal-section h3{text-transform:uppercase;letter-spacing:.5px;color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:800}.legal-section p,.legal-section ul{opacity:.9;margin:0 0 10px;font-size:13px}.legal-section ul{padding-left:20px}.legal-section li{margin-bottom:6px}.legal-section a{color:#3b82f6;text-underline-offset:3px;text-decoration:underline}.legal-hint-box{background:#f59e0b14;border-left:3px solid #f59e0b;border-radius:4px;margin-top:8px;padding:8px 12px}.legal-hint-box small{color:var(--ink);opacity:.85}.legal-modal-footer{border-top:1px solid var(--line);background:var(--panel);justify-content:flex-end;padding:14px 24px;display:flex}.legal-modal-dismiss-btn{background:var(--ink);color:var(--bg);cursor:pointer;border:0;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;transition:opacity .15s}.legal-modal-dismiss-btn:hover{opacity:.85}.help-view-wrapper{max-width:1280px;margin:0 auto;padding:48px 0 100px}.help-hero{text-align:center;margin-bottom:56px;padding:0 16px}.help-hero-badge{background:var(--surface);border:1px solid var(--line);letter-spacing:.08em;color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000000a}.help-hero-title{letter-spacing:-1.5px;color:var(--ink);margin:0 0 16px;font-size:clamp(34px,5vw,54px);font-weight:800;line-height:1.1}.help-hero-title em{color:var(--red);font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:400}.help-hero-subtitle{color:var(--muted);max-width:680px;margin:0 auto 32px;font-size:clamp(15px,2vw,18px);line-height:1.5}.help-nav-pills{flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto;display:flex}.help-pill-btn{background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #00000008}.help-pill-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.help-card-section{background:var(--panel);border:1px solid var(--line);border-radius:24px;margin-bottom:36px;padding:clamp(24px,4vw,44px);box-shadow:0 12px 36px #18120d0a}.help-section-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;margin-bottom:32px;padding-bottom:20px;display:flex}.help-step-number{color:var(--red);background:var(--red-soft);border-radius:12px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:22px;font-weight:800;line-height:1.2}.help-section-header h2{color:var(--ink);letter-spacing:-.5px;margin:0 0 6px;font-size:clamp(22px,3vw,28px);font-weight:700}.help-section-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.help-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.help-feature-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.help-feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.help-card-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:20px;display:flex}.icon-amber{color:#d97706;background:#fef3c7}.icon-blue{color:#2563eb;background:#dbeafe}.icon-purple{color:#9333ea;background:#f3e8ff}.icon-red{background:var(--red-soft);color:var(--red)}.icon-green{color:#059669;background:#d1fae5}.icon-gray{color:#4b5563;background:#e5e7eb}.help-feature-card h3{color:var(--ink);margin:0 0 10px;font-size:17px;font-weight:700}.help-card-intro{color:var(--ink-soft);margin:0 0 14px;font-size:13.5px;line-height:1.5}.help-token-list{color:var(--ink);flex-direction:column;gap:8px;margin:0 0 16px;padding:0;font-size:13px;list-style:none;display:flex}.help-token-list li{align-items:center;gap:8px;display:flex}.token-tag{background:var(--surface-subtle);border:1px solid var(--line-strong);color:var(--ink);border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.help-card-tip{border-left:3px solid var(--red);color:var(--ink);background:#c75b4712;border-radius:6px;margin-top:auto;padding:10px 12px;font-size:12px;line-height:1.45}.help-card-subtext{color:var(--muted);margin-top:auto;font-size:12.5px;line-height:1.4}.help-badge-note{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-subtle);border-radius:6px;margin-top:auto;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.help-pipeline-list{flex-direction:column;gap:16px;display:flex}.help-pipeline-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.pipeline-badge{background:var(--ink);color:var(--bg);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:700}.pipeline-content h4{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:700}.pipeline-content p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.help-model-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}.help-model-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.help-model-chip{color:var(--ink);align-items:center;gap:10px;font-size:18px;display:inline-flex}.model-pulse-dot{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #2f7a5c33}.help-model-tag{background:var(--surface-subtle);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.help-model-details{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:32px;display:grid}.model-col h4{color:var(--ink);margin:0 0 10px;font-size:16px;font-weight:700}.model-col p{color:var(--ink-soft);margin:0 0 12px;font-size:13.5px;line-height:1.5}.model-col ul{color:var(--ink);margin:0;padding-left:20px;font-size:13px;line-height:1.6}.help-comparison-wrap{border-top:1px solid var(--line);padding-top:24px}.help-comparison-wrap h4{color:var(--ink);margin:0 0 16px;font-size:15px;font-weight:700}.help-table-scroll{overflow-x:auto}.help-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.help-table th{background:var(--surface-subtle);border-bottom:1.5px solid var(--line);color:var(--ink);padding:10px 14px;font-weight:700}.help-table td{border-bottom:1px solid var(--line);color:var(--ink);padding:12px 14px}.help-table td.text-highlight{color:var(--red);background:#c75b470d;font-weight:600}.help-privacy-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.privacy-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:14px;padding:20px;display:flex}.privacy-icon{flex-shrink:0;font-size:24px}.privacy-item strong{color:var(--ink);margin-bottom:4px;font-size:14px;display:block}.privacy-item p{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.45}.help-accordion-list{flex-direction:column;gap:12px;display:flex}.help-accordion-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .15s;overflow:hidden}.help-accordion-item.open{border-color:var(--line-strong);box-shadow:0 4px 16px #0000000a}.help-accordion-trigger{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;display:flex}.help-faq-q{color:var(--ink);font-size:15px;font-weight:700;line-height:1.35}.help-faq-arrow{color:var(--red);flex-shrink:0;font-size:20px;font-weight:700;line-height:1}.help-accordion-body{color:var(--ink-soft);border-top:1px solid var(--surface-subtle);padding:14px 22px 20px;font-size:14px;line-height:1.6}.help-accordion-body p{margin:0}.help-inline-btn{color:var(--red);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;display:inline}.help-cta-section{margin-top:56px}.help-cta-card{text-align:center;background:var(--surface);border:2px solid var(--ink);border-radius:24px;padding:clamp(32px,5vw,56px) 24px;box-shadow:0 16px 40px #0000000f}.help-cta-card h2{color:var(--ink);letter-spacing:-.5px;margin:0 0 10px;font-size:clamp(24px,4vw,32px);font-weight:800}.help-cta-card p{color:var(--muted);max-width:520px;margin:0 auto 28px;font-size:15px}.help-cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}:root[data-theme=dark] .help-hero-badge{background:var(--surface);border-color:var(--line);color:var(--ink-soft)}:root[data-theme=dark] .help-pill-btn{background:var(--surface);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .help-pill-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}:root[data-theme=dark] .help-card-section{background:var(--panel);border-color:var(--line)}:root[data-theme=dark] .help-feature-card,:root[data-theme=dark] .help-pipeline-item,:root[data-theme=dark] .help-model-box,:root[data-theme=dark] .privacy-item,:root[data-theme=dark] .help-accordion-item,:root[data-theme=dark] .help-cta-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .icon-amber{color:#fbbf24;background:#d9770633}:root[data-theme=dark] .icon-blue{color:#60a5fa;background:#2563eb33}:root[data-theme=dark] .icon-purple{color:#c084fc;background:#9333ea33}:root[data-theme=dark] .icon-red{color:#f87171;background:#c75b4733}:root[data-theme=dark] .icon-green{color:#34d399;background:#05966933}:root[data-theme=dark] .icon-gray{color:#9ca3af;background:#6b728033}:root[data-theme=dark] .token-tag{background:var(--surface-subtle);border-color:var(--line-strong);color:var(--ink)}:root[data-theme=dark] .pipeline-badge{background:var(--line-strong);color:var(--ink)}:root[data-theme=dark] .help-table th{background:var(--surface-subtle);border-bottom-color:var(--line)}:root[data-theme=dark] .help-table td{border-bottom-color:var(--line)}:root[data-theme=dark] .help-table td.text-highlight{color:#f87171;background:#c75b4726}:root[data-theme=dark] .help-cta-card{border-color:var(--line-strong)}@media (width<=768px){.help-section-header{flex-direction:column;gap:12px}.help-pipeline-item{flex-direction:column;gap:10px}.help-model-header{flex-direction:column;align-items:flex-start}}