:root{font-synthesis:none;--ink:#edf4ef;--muted:#99aaa4;--soft:#60726d;--page:#0b1016;--page-deep:#080c11;--panel:#111a1ec7;--panel-solid:#121c20;--input:#050b0dad;--line:#cae7d824;--line-strong:#cfffe14d;--accent:#d9ff62;--accent-ink:#172106;--accent-glow:#d9ff6238;--aqua:#70e5c2;--warning:#ffcd6a;--danger:#ff8e8e;--shadow:0 28px 80px #00000040;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#10251e;--muted:#60756c;--soft:#82958d;--page:#edf4ef;--page-deep:#e3eee7;--panel:#ffffffdb;--panel-solid:#fff;--input:#f4f9f5;--line:#133f2b24;--line-strong:#1a75494f;--accent:#8ed100;--accent-ink:#102101;--accent-glow:#8ed1002e;--aqua:#008a68;--warning:#a86000;--danger:#b72b2b;--shadow:0 28px 80px #1b422f1f}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--page);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;background:var(--page);min-height:100dvh;color:var(--ink);overflow-x:hidden}button,input,select{font:inherit}button,select,input[type=range]{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-visible,.download-button:focus-visible,.brand:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#app{min-height:100vh;min-height:100dvh}main#app{opacity:1;animation:none}.ambient{z-index:-1;filter:blur(12px);pointer-events:none;border-radius:50%;width:45rem;height:45rem;position:fixed}.ambient-top{background:radial-gradient(circle,#5fdcaa29,#0000 68%);top:-32rem;right:-8rem}.ambient-bottom{background:radial-gradient(circle, var(--accent-glow), transparent 66%);bottom:-34rem;left:-20rem}.page-shell{width:min(1216px,100% - 40px);margin:0 auto;padding:20px 0 52px}.topbar{justify-content:space-between;align-items:center;min-height:48px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:.99rem;font-weight:770;text-decoration:none;display:inline-flex}.brand-mark{width:32px;height:32px;color:var(--accent);background:#d9ff621c;border:1px solid #d9ff6285;border-radius:10px;place-items:center;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;width:23px;height:23px}.theme-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 76%, transparent);min-height:40px;color:var(--muted);border-radius:999px;padding:0 14px;font-size:.8rem;font-weight:700;transition:border-color .16s,color .16s,transform .16s}.theme-toggle:hover{border-color:var(--line-strong);color:var(--ink);transform:translateY(-1px)}.hero{max-width:1080px;padding:clamp(62px,10vw,120px) 0 clamp(38px,7vw,72px)}.eyebrow{color:var(--aqua);letter-spacing:.14em;align-items:center;gap:9px;margin:0 0 17px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:800;display:flex}.eyebrow span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--accent-glow);border-radius:999px;display:block}h1,h2,p{margin-top:0}h1{letter-spacing:-.074em;max-width:1080px;margin-bottom:20px;font-size:clamp(3rem,7.2vw,6rem);font-weight:760;line-height:.94}h1 em{color:var(--accent);letter-spacing:-.085em;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:1.06em;font-weight:500}.hero-copy{max-width:600px;color:var(--muted);margin-bottom:0;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.75}.workbench{grid-template-columns:minmax(0,1.1fr) minmax(0,1.18fr) minmax(0,.95fr);align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px}.upload-panel,.settings-panel,.output-panel{padding:clamp(20px,2.6vw,30px)}.panel-heading{align-items:flex-start;gap:12px;margin-bottom:26px;display:flex}.step-index{border:1px solid var(--line);width:28px;height:28px;color:var(--aqua);border-radius:8px;flex:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.69rem;font-weight:800;display:grid}.panel-heading h2{letter-spacing:-.03em;margin:1px 0 4px;font-size:1rem}.panel-heading p{color:var(--soft);margin:0;font-size:.78rem}#file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dropzone{border:1.5px dashed var(--line-strong);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-glow) 46%, transparent), transparent 55%), var(--input);text-align:center;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:252px;padding:25px 14px;transition:border-color .18s,background .18s,transform .18s;display:flex}.dropzone:hover,.dropzone[data-dragging=true]{border-color:var(--accent);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-glow) 80%, transparent), transparent 66%), var(--input);transform:translateY(-2px)}.drop-icon{background:var(--accent);width:58px;height:58px;color:var(--accent-ink);box-shadow:0 12px 28px var(--accent-glow);border-radius:18px;place-items:center;margin-bottom:16px;display:grid}.drop-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:29px;height:29px}.dropzone strong{letter-spacing:-.02em;margin-bottom:7px;font-size:.96rem}.dropzone>span{max-width:235px;color:var(--muted);margin-bottom:17px;font-size:.75rem;line-height:1.5}.secondary-button,.text-button{border:1px solid var(--line-strong);min-height:40px;color:var(--ink);background:0 0;border-radius:10px;padding:0 14px;font-size:.8rem;font-weight:760;transition:background .16s,border-color .16s}.secondary-button:hover{border-color:var(--accent);background:var(--accent-glow)}.selected-file{border-top:1px solid var(--line);align-items:center;gap:10px;min-width:0;margin-top:17px;padding:11px;display:flex}.file-badge{background:color-mix(in srgb, var(--aqua) 15%, transparent);width:32px;height:32px;color:var(--aqua);border-radius:9px;flex:none;place-items:center;font-size:1.12rem;display:grid}.file-info{flex-direction:column;gap:3px;min-width:0;display:flex}.file-info strong,.file-info span,.result-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-info strong{font-size:.77rem}.file-info span{color:var(--muted);font-size:.68rem}.audio-player{width:100%;height:42px;accent-color:var(--accent);margin-top:8px;display:block}.speed-readout{justify-content:space-between;align-items:flex-end;margin:-2px 0 18px;display:flex}.speed-readout>span{color:var(--muted);font-size:.78rem}.speed-readout output{color:var(--accent);letter-spacing:-.09em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2rem;font-weight:750;line-height:.9}.speed-controls{grid-template-columns:minmax(0,1fr) 94px;align-items:end;gap:14px;display:grid}.speed-range{appearance:none;background:linear-gradient(90deg, var(--accent) 0 var(--range-progress), #ffffff1c var(--range-progress) 100%);cursor:pointer;border-radius:999px;width:100%;height:36px;margin:0}.speed-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--page-deep);background:var(--accent);width:23px;height:23px;box-shadow:0 0 0 2px var(--accent);border-radius:50%}.speed-range::-moz-range-thumb{border:3px solid var(--page-deep);background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 2px var(--accent);border-radius:50%}.number-field,.select-field{color:var(--muted);flex-direction:column;gap:7px;font-size:.69rem;font-weight:680;display:flex}.number-field input,.select-field select{border:1px solid var(--line);background:var(--input);width:100%;min-height:42px;color:var(--ink);border-radius:10px;outline:none;font-size:.84rem;font-weight:680}.number-field input{padding:0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.select-field select{appearance:auto;padding:0 34px 0 12px}.number-field input:focus,.select-field select:focus{border-color:var(--accent)}.quick-speeds{flex-wrap:wrap;gap:6px;margin:18px 0 25px;display:flex}.quick-speed{border:1px solid var(--line);min-width:46px;min-height:31px;color:var(--muted);background:0 0;border-radius:8px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.67rem;font-weight:700;transition:background .14s,border-color .14s,color .14s}.quick-speed:hover,.quick-speed[data-active=true]{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));background:var(--accent-glow);color:var(--accent)}.mode-fieldset{border:0;min-width:0;margin:0;padding:0}.mode-fieldset legend{color:var(--muted);margin-bottom:9px;padding:0;font-size:.73rem;font-weight:700}.mode-grid{gap:8px;display:grid}.mode-option{border:1px solid var(--line);width:100%;min-height:66px;color:var(--ink);text-align:left;background:0 0;border-radius:13px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:10px;transition:border-color .15s,background .15s;display:grid}.mode-option:hover,.mode-option[data-active=true]{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent-glow) 60%, transparent)}.mode-icon{background:color-mix(in srgb, var(--aqua) 14%, transparent);width:32px;height:32px;color:var(--aqua);border-radius:9px;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.mode-option>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.mode-option strong{letter-spacing:-.02em;font-size:.77rem}.mode-option small{color:var(--muted);font-size:.66rem;line-height:1.35}.select-field{margin-bottom:22px}.estimate-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.estimate-grid>div{flex-direction:column;gap:7px;min-width:0;padding:14px 0;display:flex}.estimate-grid>div+div{border-left:1px solid var(--line);padding-left:17px}.estimate-grid span{color:var(--muted);font-size:.67rem}.estimate-grid strong{color:var(--ink);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.estimate-notice{min-height:36px;color:var(--soft);margin:12px 0 20px;font-size:.69rem;line-height:1.5}.estimate-notice[data-warning=true]{color:var(--warning)}.action-area{gap:10px;display:grid}.primary-button{background:var(--accent);width:100%;min-height:50px;color:var(--accent-ink);letter-spacing:-.02em;box-shadow:0 10px 24px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:820;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.primary-button:hover:not(:disabled){box-shadow:0 14px 30px var(--accent-glow);transform:translateY(-2px)}.primary-button:disabled{opacity:.42;box-shadow:none}.text-button{min-height:35px;color:var(--muted);border-color:#0000;justify-self:center;font-size:.72rem}.text-button:hover{color:var(--danger)}.conversion-status{min-height:39px;color:var(--muted);font-size:.7rem;line-height:1.35}.conversion-status>div{gap:7px;display:grid}progress{appearance:none;background:var(--line);border:0;border-radius:999px;width:100%;height:5px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line);border-radius:999px}progress::-webkit-progress-value{background:var(--accent);border-radius:999px}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.result-card{border:1px solid color-mix(in srgb, var(--aqua) 35%, var(--line));background:color-mix(in srgb, var(--aqua) 8%, transparent);border-radius:15px;gap:10px;margin-top:3px;padding:14px;display:grid}.result-heading{grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.result-check{background:var(--aqua);color:#042b1e;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.83rem;font-weight:900;display:grid}.result-heading>div{flex-direction:column;gap:2px;min-width:0;display:flex}.result-heading strong{font-size:.72rem}.result-heading div span,.result-heading>span{color:var(--muted);font-size:.64rem}.result-heading>span{max-width:58px}.result-card .audio-player{margin-top:0}.download-button{background:var(--ink);min-height:42px;color:var(--page-deep);border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:.78rem;font-weight:790;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.download-button:hover{transform:translateY(-1px)}.download-button[aria-disabled=true]{pointer-events:none;opacity:.4}.privacy-note{max-width:660px;color:var(--muted);text-align:center;align-items:flex-start;gap:10px;margin:32px auto 0;font-size:.76rem;line-height:1.6;display:flex}.privacy-note strong{color:var(--ink);margin-right:5px}.privacy-lock{border:1px solid var(--line);width:22px;height:22px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}@media (max-width:1040px){.workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.output-panel{grid-column:span 2}.output-panel .action-area{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center}.output-panel .primary-button{grid-row:span 2}.output-panel .result-card{grid-column:span 2}}@media (max-width:680px){.page-shell{width:min(100% - 28px,560px);padding-top:12px;padding-bottom:34px}.theme-toggle{min-height:38px;padding:0 11px;font-size:.74rem}.hero{padding:64px 0 37px}h1{font-size:clamp(2.9rem,15vw,4.4rem);line-height:.96}.hero-copy{font-size:.95rem}.workbench{grid-template-columns:1fr;gap:11px}.output-panel{grid-column:auto}.upload-panel,.settings-panel,.output-panel{border-radius:20px;padding:21px}.dropzone{min-height:218px}.speed-controls{grid-template-columns:1fr 88px}.output-panel .action-area{grid-template-columns:1fr}.output-panel .primary-button{grid-row:auto}.output-panel .result-card{grid-column:auto}.privacy-note{text-align:left;margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}