@charset "UTF-8";
:root{color-scheme:light;--ink:#192f2a;--muted:#65736b;--green:#174f42;--green-hover:#0e3c31;--line:#dde4dc;--paper:#f8faf7;--pale:#f0f5ee;--orange:#c77444;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,.choose-button:focus-within{outline:3px solid #a77936;outline-offset:4px}button{border:0}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}section[id],article[id]{scroll-margin-top:30px}[hidden]{display:none!important}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1080px;margin:auto;height:80px;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.8px}.brand-light{font-weight:420}.brand svg{width:32px;height:32px;fill:var(--green)}.brand path{fill:none;stroke:white;stroke-width:2.5;stroke-linecap:round}nav{display:flex;gap:28px;font-size:13px;font-weight:550}nav a{padding:12px 0}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}nav span{margin-left:5px;color:var(--muted)}main{max-width:984px;margin:0 auto;padding:44px 32px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}.converter-section>.eyebrow{display:flex;align-items:center;justify-content:space-between}.slash{margin:0 10px;color:#b1bab0}.local-indicator{display:flex;align-items:center;gap:8px;letter-spacing:1.1px}.local-indicator i{height:6px;width:6px;border-radius:50%;background:#47775c}.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}h1{font-size:clamp(38px,5vw,58px);font-weight:650;letter-spacing:-2.7px}.title-dot{color:var(--orange)}.format-path{font-family:Consolas,monospace;font-size:14px;letter-spacing:-.3px;color:var(--muted)}.format-path span{margin:0 12px;color:#a6b39f}.intro{margin:13px 0 27px;color:var(--muted);font-size:16px}.tool-card{background:#fff;border:1px solid #d6dfd3;border-radius:18px;padding:26px;box-shadow:0 5px 24px #1a362508}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;font-weight:650}.step-number{display:inline-flex;justify-content:center;align-items:center;margin-right:9px;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:10px;color:var(--muted)}.single-note{font-size:11px;font-weight:450;color:var(--muted)}.drop-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:255px;border:1.5px dashed #bacbb6;border-radius:11px;background:var(--pale);text-align:center;padding:22px 16px;transition:background .15s,border-color .15s}.drop-zone.dragging{background:#e3eddc;border-color:var(--green)}.file-art{display:grid;place-items:center;width:52px;height:58px;margin-bottom:10px}.file-art svg{width:44px;height:44px;fill:#fff;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.file-art path+path{fill:none}.drop-title{font-size:20px;font-weight:600;letter-spacing:-.5px}.drop-hint{color:var(--muted);font-size:12px;margin-top:4px}.choose-button{position:relative;display:inline-flex;align-items:center;gap:9px;justify-content:center;margin:17px 0 9px;min-height:44px;background:var(--green);color:white;padding:10px 19px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;overflow:hidden}.choose-button:hover{background:var(--green-hover)}.choose-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.choose-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-limit{font-size:10px;letter-spacing:.3px;color:var(--muted)}.conversion-settings{display:grid;grid-template-columns:1fr 160px 235px;gap:22px;align-items:end;padding:24px 0 18px}.field-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--muted);margin-bottom:7px}.output-format strong{display:flex;align-items:center;gap:7px;font-size:18px;height:44px;font-weight:650}.output-format strong span{font-size:12px;font-weight:400;color:var(--muted)}select{display:block;width:100%;height:46px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:#fff;color:var(--ink);font-size:14px;cursor:pointer}.primary-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:46px;border-radius:7px;background:var(--green);color:#fff;font-weight:600;font-size:14px;padding:11px 20px;white-space:nowrap}.primary-button:hover{background:var(--green-hover)}.primary-button:disabled{background:#e2e8df;color:#60705b}.primary-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-bottom{border-top:1px solid #edf0eb;padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.small-lock{display:flex;align-items:center;gap:6px}.small-lock svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2}.trust-row{display:flex;justify-content:center;gap:28px;font-size:11px;color:var(--muted);padding:18px 0 0}.selected-file{min-height:112px;display:flex;align-items:center;gap:16px;padding:20px;border-radius:11px;background:var(--pale);border:1px solid var(--line)}.file-chip{border:1px solid #c3d2bd;background:#fff;border-radius:8px;padding:15px 9px;font-size:11px;letter-spacing:.5px;font-weight:700}.file-description{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}.file-description strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.file-description span{color:var(--muted);font-size:12px}.icon-button{background:transparent;color:var(--muted);font-size:26px;width:44px;height:44px;flex:0 0 44px;border-radius:7px}.icon-button:hover{background:#e0e9dc}.progress-region{margin-top:20px}.progress-region>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.text-button{background:none;color:var(--green);text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:44px;padding:7px 8px}.text-button:hover{color:var(--green-hover)}progress{width:100%;height:8px;border:0;border-radius:4px;overflow:hidden;accent-color:var(--green);background:#e5ecdf}progress::-webkit-progress-bar{background:#e5ecdf}progress::-webkit-progress-value{background:var(--green)}.error-message{margin-top:18px;background:#fff4eb;color:#874121;border:1px solid #edcfb9;border-radius:8px;padding:12px 15px;font-size:13px;overflow-wrap:anywhere}.result{border-top:1px solid var(--line);margin-top:20px;padding-top:24px}.result-heading{display:flex;align-items:center;gap:12px}.success-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e9f2e3;color:var(--green)}.result-heading h2{font-size:21px;letter-spacing:-.6px}.result-heading p{font-size:11px;color:var(--muted);margin-top:5px}.result-name{font-size:12px;overflow-wrap:anywhere;color:var(--muted);margin:15px 0 8px}audio{display:block;width:100%;max-width:100%;height:46px;margin:0 0 18px}.result-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.download-button{min-width:210px}.guide-section{margin-top:68px;padding-top:36px;border-top:1px solid var(--line)}.section-heading h2{font-size:29px;letter-spacing:-1px;font-weight:550;margin-top:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}.guide-number{font-size:9px;letter-spacing:1.2px;font-weight:650;color:var(--muted)}.guide-grid h3{font-weight:600;font-size:18px;letter-spacing:-.4px;margin:14px 0 13px}.guide-grid p{font-size:13px;line-height:1.8;color:var(--muted)}.guide-grid p strong{font-weight:600;color:var(--ink)}.guide-grid p.fine-print{font-size:11px;margin-top:12px;color:#717d71}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-top:56px;padding:36px 0 58px;border-top:1px solid var(--line)}.faq-section h2{font-size:30px;letter-spacing:-1px;font-weight:550;margin-top:11px}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:13px;font-weight:550;padding:17px 0;min-height:52px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:21px;color:var(--muted);font-weight:400;flex-shrink:0}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);padding:0 24px 18px 0;line-height:1.8}footer{max-width:920px;margin:0 auto;padding:22px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.footer-brand{font-size:14px;font-weight:650;letter-spacing:-.5px;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:15px;padding:12px;background:var(--green);color:white;z-index:10}.skip:focus{top:10px}
@media(max-width:700px){.header-inner{height:66px;padding:0 22px}nav{gap:20px}.brand{font-size:20px}main{padding:30px 22px 0}.format-path{display:none}.local-indicator{font-size:8px}.title-row{margin-top:17px}h1{font-size:44px;letter-spacing:-2px}.intro{font-size:14px;margin:12px 0 23px;max-width:290px}.tool-card{padding:20px}.conversion-settings{grid-template-columns:1fr 1fr;gap:14px;padding:20px 0 16px}#convert-button{grid-column:1/-1;margin-top:3px;min-height:49px}.card-top{font-size:12px}.single-note{font-size:10px}.drop-zone{min-height:250px}.guide-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.guide-grid article{max-width:560px}.guide-grid p{font-size:14px}.guide-grid p.fine-print{font-size:12px}.guide-section{margin-top:42px;padding-top:30px}.section-heading h2{font-size:25px;max-width:300px}.faq-section{grid-template-columns:1fr;gap:15px;margin-top:35px;padding:28px 0 40px}.faq-section h2{font-size:26px}.trust-row{gap:18px;font-size:10px;flex-wrap:wrap}.card-bottom{font-size:10px}.result-actions{gap:6px}.download-button{width:100%}.result-actions .text-button{width:100%}.selected-file{padding:14px;gap:11px}.file-description strong{font-size:13px}footer{margin:0 22px;flex-wrap:wrap;padding:20px 0;gap:12px}footer a{margin-left:auto}}
.audio-controls{display:flex;gap:14px;align-items:center;margin:0 0 20px;padding:6px 12px 6px 6px;background:var(--pale);border:1px solid var(--line);border-radius:9px}.play-button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:79px;min-height:44px;border-radius:6px;background:#fff;color:var(--green);font-size:12px;font-weight:600}.play-button:hover{background:#e1ebdc}#play-icon{font-size:13px}#audio-seek{min-width:0;width:100%;height:44px;accent-color:var(--green);cursor:pointer}.audio-time{font-size:10px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}#audio-seek:focus-visible{outline:3px solid #a77936;outline-offset:3px}
@media(max-width:370px){main{padding-left:15px;padding-right:15px}.header-inner{padding:0 15px}.tool-card{padding:15px}.single-note{display:none}h1{font-size:38px}.local-indicator{letter-spacing:.3px}.drop-title{font-size:19px}.trust-row{gap:12px}nav{gap:14px;font-size:11px}.brand{font-size:18px}.audio-controls{gap:9px}.play-button{min-width:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}