@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/fraunces-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--palette-matcha-latte:#d1efbd;--palette-botanist:#89d385;--palette-aquamarine:#6cd1f0;--palette-grape-soda:#a1a1f7;--palette-pink-diamond:#efccea;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}:root[data-theme=light]{--text:#1c2e19;--text-h:#0f1a0d;--muted:#2f4a2b;--text-subtle:#3d5c38;--bg:var(--palette-matcha-latte);--bg-elevated:#fbfef8;--surface:#fff;--surface-2:var(--palette-pink-diamond);--border:#4a8a42;--border-strong:#2d6a26;--accent:#4a4ab8;--accent-hover:#3a3a9e;--fill-wash:#e8f2e4;--fill-accent-tint:#e8e8f7;--fill-accent-hover:#dadaf0;--accent-muted:#3a3a8a;--player-play:#347a2f;--player-play-hover:#286224;--player-pill:#dcebd4;--joy-sun:#0a7ea3;--shadow-hairline:0 1px 0 #0f1a0d1f;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--ring-focus:#0a7ea3;--disabled-fg:#5a6d57;--disabled-bg:#dfe8dc;--disabled-border:#7a9a74;--err-bg:#fde8ef;--err-fg:#6b1028;--err-border:#c75b7a}:root[data-theme=dark]{--text:#e8f0e6;--text-h:#f6faf5;--muted:#b0c2ad;--text-subtle:#c5d4c2;--bg:#1e2522;--bg-elevated:#28302c;--surface:#2f3834;--surface-2:#3a3448;--border:#5a7268;--border-strong:#7d948a;--accent:#b8b8ff;--accent-hover:#d2d2ff;--fill-wash:#343d39;--fill-accent-tint:#3d3a52;--fill-accent-hover:#4a4660;--accent-muted:#d0d0ff;--player-play:#4a9044;--player-play-hover:#5cad54;--player-pill:#2f3430;--joy-sun:#6cd1f0;--shadow-hairline:0 1px 0 #ffffff1a;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--ring-focus:#7dd3fc;--disabled-fg:#7a8f76;--disabled-bg:#252e2a;--disabled-border:#4a5c54;--err-bg:#3d2832;--err-fg:#efccea;--err-border:#a8486a}#root{box-sizing:border-box;width:100%;max-width:100%;min-height:100svh;margin:0}body{margin:0}*{box-sizing:border-box}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--ring-focus);outline-offset:3px}@media (prefers-contrast:more){:root[data-theme=light]{--border:#1a5a14;--text:#0a0f09;--ring-focus:#005f7a}:root[data-theme=dark]{--border:#c5d4c2;--text:#fff;--ring-focus:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:10;color:var(--surface);background:var(--accent);border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .2s;position:absolute;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.app{text-align:left;flex-direction:column;max-width:48rem;min-height:100svh;margin:0 auto;padding:2.25rem 1.25rem 4rem;display:flex}@media (width>=640px){.app{padding-left:1.75rem;padding-right:1.75rem}}.header{margin-bottom:.25rem}.header-top{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:.65rem;display:flex}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--player-pill);width:2.75rem;height:2.75rem;color:var(--joy-sun);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s,transform .15s;display:flex}.theme-toggle:hover{background:var(--fill-accent-tint);border-color:var(--border-strong);color:var(--accent-muted)}.theme-toggle:active{transform:scale(.98)}.title-block{flex-wrap:wrap;flex:1;align-items:center;gap:.65rem 1rem;min-width:0;margin-bottom:0;display:flex}@media (width>=420px){.title-block{flex-wrap:nowrap}}.title-hero{font-variation-settings:"SOFT" 50, "WONK" 1;letter-spacing:-.025em;color:var(--text-h);margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(1.85rem,4.5vw,2.35rem);font-weight:700;line-height:1.12}.title-formats{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-muted);background:var(--fill-accent-tint);border:2px solid var(--border-strong);border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;margin:0;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.title-formats__sep{background:var(--accent);border-radius:50%;width:4px;height:4px;display:block}.title-formats__item{font-variant-numeric:tabular-nums}.lede{max-width:38rem;color:var(--text-subtle);margin:0;font-size:1rem;line-height:1.6}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-hairline);margin-top:1.85rem;transition:border-color .15s,background .15s;position:relative}.dropzone:hover,.dropzone:focus-within{border-color:var(--accent);background:var(--fill-wash)}.dropzone[aria-busy=true]{pointer-events:none;cursor:wait;border-style:solid;border-color:var(--accent);background:var(--fill-wash)}.dropzone--dragging{border-color:var(--accent);background:var(--fill-accent-tint);box-shadow:var(--shadow-hairline);border-style:solid}.file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop-label{cursor:pointer;text-align:center;border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.25rem 1.25rem;display:flex}.drop-icon{background:var(--fill-accent-tint);width:3rem;height:3rem;color:var(--accent-muted);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.15rem;display:flex}.drop-icon svg{width:1.35rem;height:1.35rem}.drop-title{color:var(--text-h);font-size:1rem;font-weight:600}.drop-hint{color:var(--text-subtle);font-size:.875rem}.file-meta{color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-top:1rem;font-size:.9rem;display:flex}.file-meta strong{color:var(--text-h);font-weight:600}.loading-badge{color:var(--accent);align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;display:inline-flex}.loading-badge:before{content:"";border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:.85rem;height:.85rem;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.loading-badge:before{border-color:var(--accent);border-top-color:var(--border-strong);animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.banner{border-radius:var(--radius-md);margin-top:1rem;padding:.9rem 1.1rem;font-size:.9rem;line-height:1.5}.banner.error{background:var(--err-bg);color:var(--err-fg);border:1px solid var(--err-border)}.controls{border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-hairline);margin-top:1.85rem;padding:1.35rem 1.35rem 1.5rem}.controls-grid{gap:1.15rem;display:grid}@media (width>=720px){.controls-grid.two{grid-template-columns:1fr 1fr;align-items:start}}.controls .field-group{flex-direction:column;gap:.4rem;display:flex}.controls .hint{color:var(--text-subtle);margin:.2rem 0 0;font-size:.8rem;line-height:1.45}.controls label{color:var(--text-h);font-size:.8125rem;font-weight:600}.controls select,.controls input[type=range]{width:100%;font:inherit}.controls select{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-elevated);min-height:2.75rem;color:var(--text-h);cursor:pointer;padding:.6rem .75rem}.controls select:disabled{color:var(--disabled-fg);background:var(--disabled-bg);border-color:var(--disabled-border);cursor:not-allowed}.controls select:focus-visible{border-color:var(--accent)}.range-track{flex-direction:column;gap:.25rem;display:flex}.range-value{font-variant-numeric:tabular-nums;color:var(--text-h);font-size:.95rem;font-weight:600}.controls input[type=range]{height:1.35rem;accent-color:var(--accent);cursor:pointer}.controls input[type=range]:focus-visible{outline:3px solid var(--ring-focus);outline-offset:4px}.control-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);border-bottom:1px solid var(--border);margin:0 0 .35rem;padding-bottom:.5rem;font-size:.7rem;font-weight:700}.control-section-title--sub{border-bottom:none;margin-bottom:.65rem;padding-bottom:0}.playback-block{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.1rem}.buttons{flex-wrap:wrap;gap:.6rem;display:flex}.buttons button{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);min-height:2.75rem;color:var(--text-h);cursor:pointer;padding:.6rem 1.25rem;font-weight:600;transition:background .15s,border-color .15s}.buttons button:hover:not(:disabled){border-color:var(--border-strong);background:var(--fill-wash)}.buttons button:disabled{color:var(--disabled-fg);background:var(--disabled-bg);border-color:var(--disabled-border);cursor:not-allowed}.buttons button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.buttons button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.player-shell{border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-hairline);margin-top:.75rem;padding:1.25rem 1.2rem 1.15rem}.player-time{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-bottom:.35rem;display:flex}.player-time__live{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-h);font-size:1.65rem;font-weight:700;line-height:1}.player-time__sep{color:var(--text-subtle);font-size:1.1rem;font-weight:600}.player-time__total{font-variant-numeric:tabular-nums;color:var(--text-subtle);font-size:1rem;font-weight:600}.player-chunk{color:var(--text-subtle);margin:0 0 1rem;font-size:.8125rem}.player-controls{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.1rem;display:flex}.player-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.35rem;height:3.35rem;padding:0;transition:background-color .12s,transform .12s;display:flex}.player-btn:active:not(:disabled){transform:scale(.98)}.player-btn:disabled{color:var(--disabled-fg);background:var(--disabled-bg);cursor:not-allowed}.player-btn--play{background:var(--player-play);color:#fff}.player-btn--play:hover:not(:disabled){background:var(--player-play-hover)}.player-btn--primary{background:var(--accent);color:#fff}.player-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.player-btn--ghost{background:var(--surface);color:var(--text-h);border:2px solid var(--border-strong);width:2.9rem;height:2.9rem}.player-btn--ghost:hover:not(:disabled){border-color:var(--accent);background:var(--fill-accent-tint);color:var(--accent-muted)}.player-btn--ghost:disabled{border-color:var(--disabled-border)}.player-seek{align-items:center;gap:.4rem;display:flex}.seek-slider-wrap{flex:1;min-width:0}.seek-slider{width:100%;accent-color:var(--accent);min-height:2.5rem}.seek-slider:focus-visible{outline:3px solid var(--ring-focus);outline-offset:4px}.player-skip{min-width:2.6rem;min-height:2.6rem;font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0 .35rem;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}.player-skip:hover:not(:disabled){border-color:var(--accent);background:var(--fill-accent-tint);color:var(--accent-muted)}.player-skip:disabled{color:var(--disabled-fg);background:var(--disabled-bg);border-color:var(--disabled-border);cursor:not-allowed}.transport-note{color:var(--text-subtle);margin:.85rem 0 0;font-size:.8125rem;line-height:1.55}.progress-stack{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex}.progress-wrap{background:var(--fill-wash);border:2px solid var(--border);border-radius:999px;height:.65rem;margin-top:0;position:relative;overflow:hidden}.progress-bar{background:var(--accent);transition:width .2s;position:absolute;top:0;bottom:0;left:0}.progress-label{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.preview{margin-top:1.85rem}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.6rem;display:flex}.preview h2{color:var(--text-h);margin:0;font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:700}.preview-badge{color:var(--text-h);background:var(--fill-wash);border:2px solid var(--border-strong);border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.preview-text{white-space:pre-wrap;word-break:break-word;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);max-height:min(22rem,50vh);color:var(--text);scroll-behavior:smooth;margin:0;padding:1.1rem 1.2rem;font-size:.875rem;line-height:1.65;overflow:auto}.help{margin-top:1.85rem}.help-details{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hairline);padding:0;overflow:hidden}.help-summary{cursor:pointer;width:100%;color:var(--text-h);justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:1rem 1.2rem;font-size:.95rem;font-weight:700;list-style:none;transition:background-color .12s;display:flex}.help-summary::-webkit-details-marker{display:none}.help-summary:hover{background:var(--fill-wash)}.help-details[open] .help-summary{background:var(--fill-accent-tint);border-bottom:2px solid var(--border)}.help-summary:focus-visible{outline-offset:2px}.help-summary__text{text-align:left;flex:1;line-height:1.35}.help-summary__chevron{color:var(--accent);flex-shrink:0;transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex}.help-details[open] .help-summary__chevron{transform:rotate(180deg)}.help-anim{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.32,.72,0,1);display:grid}.help-details[open] .help-anim{grid-template-rows:1fr}.help-anim-inner{min-height:0;overflow:hidden}.help-body{color:var(--text);padding:0 1.2rem 1.15rem;font-size:.875rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.help-anim,.help-summary__chevron{transition:none}}.help-body p:first-child{margin-top:.95rem}.help-body p:last-child{margin-bottom:0}.help-body a{color:var(--accent-muted);text-underline-offset:.18em;font-weight:600;text-decoration-thickness:2px}.help-body a:hover,:root[data-theme=dark] .help-body a{color:var(--accent)}:root[data-theme=dark] .help-body a:hover{color:var(--accent-hover)}.footer-block{margin-top:auto}.footer-hint{color:var(--text-subtle);max-width:42rem;margin:2.75rem 0 1.5rem;font-size:.875rem;line-height:1.55}.footer{border-top:1px solid var(--border);margin-top:0;padding-top:1.5rem}.footer p{color:var(--text-subtle);max-width:none;margin:0;font-size:.875rem;line-height:1.55}.footer-credit{text-align:center}.footer a{color:var(--accent-muted);text-underline-offset:.18em;font-weight:600;text-decoration-thickness:2px}.footer a:hover{color:var(--accent)}