:root{color-scheme:dark;--bg:#183f58;--panel:#1f4d66;--panel-2:#26597a;--border:rgba(255,255,255,0.12);--text:#ffffff;--text-dim:#c9e1e8;--text-faint:#8fb3c4;--accent:#31c5f2;--accent-hover:#5dd4f7;--accent-soft:rgba(49,197,242,0.16);--secondary:#f27e31;--secondary-hover:#f59760;--danger:#ff6b6b;--ok:#3ddc97;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px rgba(0,0,0,0.25),0 12px 32px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:900px;margin:0 auto;padding:48px 20px 80px}.header{text-align:center;margin-bottom:36px}.header h1{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.header p{margin:0;color:var(--text-dim);font-size:15px}.badge-local{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:5px 12px;font-size:12.5px;font-weight:500;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-radius:999px}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:20px}.card,.dropzone{background:var(--panel)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.dropzone:hover{border-color:var(--accent);background:var(--panel-2)}.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone .icon{font-size:40px;line-height:1;margin-bottom:12px}.dropzone .main{font-size:17px;font-weight:600}.dropzone .sub{color:var(--text-faint);font-size:13.5px;margin-top:6px}.file-pill{display:flex;align-items:center;gap:12px;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.file-pill .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-pill .meta{color:var(--text-faint);font-size:13px;flex-shrink:0}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:6px}.field .hint{font-size:12px;color:var(--text-faint);margin-top:5px}input[type=number],input[type=text],select{width:100%;padding:9px 11px;font-size:14px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.speaker-mode{display:flex;gap:8px;align-items:center}.speaker-mode input[type=number]{width:90px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:none;background:var(--panel);color:var(--text-dim);padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.seg button+button{border-left:1px solid var(--border)}.seg button.active{background:var(--accent);color:#fff}.advanced-toggle{margin-top:18px;background:none;border:none;color:var(--accent);font-size:13.5px;font-weight:600;cursor:pointer;padding:0}.advanced{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;padding:12px 22px;cursor:pointer;transition:background .15s,opacity .15s}.btn-primary{background:var(--secondary);color:#fff;width:100%;margin-top:4px}.btn-primary:hover{background:var(--secondary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--panel-2);color:var(--text-dim);padding:8px 12px;font-size:13px}.btn-ghost:hover{color:var(--text)}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);margin:0 0 14px}.note{font-size:13px;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-top:16px}.progress-row{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:12px}.progress-pct{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-dim);font-weight:600}.progress-bar{height:8px;background:var(--panel-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.waveform{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;margin:4px 0 18px}.waveform canvas{display:block;width:100%}.result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px}.stat{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;text-align:center}.stat-val{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--text-faint);margin-top:2px}.stages{flex-direction:column}.stage,.stages{display:flex;gap:10px}.stage{align-items:center;font-size:14px}.stage-label{font-weight:500}.stage-detail{color:var(--text-faint);font-size:12.5px}.stage-pct{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-dim);font-weight:600}.stage-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.stage-icon.done{color:var(--ok);font-weight:700}.stage-icon.error{color:var(--danger);font-weight:700}.stage-icon.pending,.stage-pending .stage-label{color:var(--text-faint)}.dl-list{gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.dl-item,.dl-list{display:flex;flex-direction:column}.dl-item{gap:5px}.dl-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px}.dl-name{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dl-pct{flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-faint);font-weight:600}.export-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.export-label{font-size:12.5px;color:var(--text-faint);margin-right:2px}.export-btn{padding:5px 11px;font-size:12.5px;font-weight:600}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px;padding:0 4px;font-size:12.5px;color:var(--text-faint)}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-weight:600;padding:0}.link-btn:hover{color:var(--accent-hover)}.player{gap:12px;margin:4px 0 12px}.play-btn,.player{display:flex;align-items:center}.play-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:14px;cursor:pointer;flex-shrink:0;justify-content:center;transition:background .15s}.play-btn:hover{background:var(--accent-hover)}.player-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-dim);flex-shrink:0;min-width:40px}.player-seek{flex:1 1;accent-color:var(--accent);cursor:pointer}.diar-strip{position:relative;width:100%;height:22px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-top:4px}.diar-strip-lg{height:28px}.diar-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);box-shadow:0 0 0 1px var(--panel);pointer-events:none}.diar-seg{position:absolute;top:0;bottom:0;min-width:1px;opacity:.85}.spk-badge{display:inline-block;color:#fff;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.transcript{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto}.utt{display:flex;gap:12px;padding:8px 10px;border-radius:var(--radius-sm);transition:background .12s}.utt:hover{background:var(--panel-2)}.utt-time{flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--text-faint);min-width:92px;padding-top:1px}.utt-text{font-size:14.5px}.utt-spk{gap:10px;align-items:flex-start}.utt-spk .spk-badge{flex-shrink:0;min-width:104px;text-align:center}.utt-body{display:flex;flex-direction:column;gap:2px}.utt-body .utt-time{min-width:0}.utt-click{cursor:pointer}.utt-active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.legend-name-btn{background:none;border:none;color:var(--text);cursor:pointer;font:inherit;font-weight:600;padding:0}.legend-name-btn:hover{color:var(--accent)}.legend-input{width:130px;padding:3px 7px;font-size:13px}.speaker-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px}.legend-item{display:flex;align-items:center;gap:7px;font-size:13px}.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-name{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legend-meta{color:var(--text-faint);font-size:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1000px;margin:0 auto;padding:16px 20px 0}.topbar-logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.topbar-logo svg{height:40px;width:auto}.lang-switch button{min-width:40px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.03em}.header h1{background:linear-gradient(90deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;background-clip:text;color:transparent}.timer-badge{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:4px 11px;font-size:13px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);background:var(--accent-soft);border-radius:999px}.timer-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.processing-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.processing-head .section-title{margin:0}.site-footer{max-width:1000px;margin:40px auto 0;padding:24px 20px 40px;border-top:1px solid var(--border);text-align:center;font-size:13px;color:var(--text-faint)}.site-footer a{color:var(--text-dim);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}