:root{--ink:#f4f2ee;--muted:#aaa8a4;--base:#10100f;--line:#ffffff1f;--accent:#d8ff62;--accent-ink:#171b0e;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html{background:var(--base);scroll-behavior:smooth;min-height:100%}body{background:var(--base);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Noto Sans TC,PingFang TC,sans-serif}button,input,select{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{isolation:isolate;background:radial-gradient(circle at 88% 12%,#7a705c29,#0000 29%),linear-gradient(145deg,#10100f 0%,#141412 54%,#0c0c0b 100%);min-height:100dvh;position:relative;overflow:hidden}.ambient{z-index:-1;aspect-ratio:1;filter:blur(110px);opacity:.14;pointer-events:none;border-radius:999px;width:38vw;position:fixed}.ambient-one{background:#cde868;top:-22vw;right:10vw}.ambient-two{background:#7b5039;bottom:-28vw;left:-12vw}.topbar{width:min(1400px, calc(100% - 48px - var(--safe-left) - var(--safe-right)));height:calc(72px + var(--safe-top));padding-top:var(--safe-top);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent);background:#d8ff6214;border:1px solid #d8ff625c;border-radius:12px;place-items:center;display:grid}.privacy-note{color:#92918e;font-size:13px}.topbar-actions{align-items:center;gap:9px;display:flex}.quiet-action,.primary-action{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:13px;font-weight:670;text-decoration:none;display:inline-flex}.quiet-action{color:#d1cfca;background:#ffffff0e;border:1px solid #ffffff24}.primary-action{border:1px solid var(--accent);color:var(--accent-ink);background:var(--accent)}.primary-action.compact{min-height:40px}.quiet-action:hover{border-color:#d8ff626b}.quiet-action:active,.primary-action:active{transform:scale(.97)}.quiet-action:focus-visible,.primary-action:focus-visible{outline-offset:2px;outline:3px solid #d8ff6266}.workspace{width:min(1400px,100% - 48px);min-height:calc(100svh - 112px - var(--safe-top) - var(--safe-bottom));min-height:calc(100dvh - 112px - var(--safe-top) - var(--safe-bottom));padding:clamp(32px, 4vw, 58px) 0 max(40px, calc(20px + var(--safe-bottom)));grid-template-columns:minmax(300px,.8fr) minmax(540px,1.35fr);align-items:center;gap:clamp(34px,5vw,86px);margin:0 auto;display:grid}.upload-column{max-width:470px}.upload-workspace{grid-template-columns:minmax(0,620px);justify-content:center}.upload-workspace .upload-column{width:100%;max-width:620px}.upload-workspace .intro-copy h1{max-width:11ch}.upload-workspace .intro-copy>p:last-child{max-width:36em}.intro-copy{margin-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 14px;font-size:12px;font-weight:720}.intro-copy h1{letter-spacing:-.065em;max-width:10ch;margin:0;font-size:clamp(42px,4.8vw,68px);font-weight:720;line-height:1.02}.intro-copy>p:last-child{max-width:22em;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.65}.creation-tools{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.language-control{gap:7px;min-width:0;display:grid}.language-control>span,.lookup-fields label>span{color:#c4c2bd;align-items:center;gap:6px;font-size:12px;font-weight:640;display:inline-flex}.language-control select,.lookup-fields input{width:100%;height:42px;color:var(--ink);background:#ffffff0e;border:1px solid #ffffff21;border-radius:12px;outline:none}.language-control select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;padding:0 34px 0 12px}.lookup-fields input{padding:0 12px}.language-control select:focus-visible,.lookup-fields input:focus-visible{border-color:#d8ff62a3;outline:3px solid #d8ff6229}.lookup-toggle,.lookup-submit{cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 14px;font-size:13px;font-weight:660;display:inline-flex}.lookup-toggle{color:#e6e4df;background:#fff1;border:1px solid #ffffff24}.lookup-submit{border:1px solid var(--accent);width:100%;color:var(--accent-ink);background:var(--accent);margin-top:10px}.lookup-toggle:hover:not(:disabled){border-color:#d8ff627a}.lookup-toggle:active:not(:disabled),.lookup-submit:active:not(:disabled){transform:scale(.98)}.lookup-toggle:focus-visible,.lookup-submit:focus-visible{outline-offset:2px;outline:3px solid #d8ff626b}.lookup-toggle:disabled,.lookup-submit:disabled,.language-control select:disabled{opacity:.45;cursor:not-allowed}.lookup-panel{border:1px solid var(--line);background:#181816e0;border-radius:16px;margin-bottom:14px;padding:14px;box-shadow:inset 0 1px #ffffff0f}.lookup-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lookup-fields label{gap:7px;min-width:0;display:grid}.lookup-skeletons{gap:7px;margin-top:12px;display:grid}.lookup-skeletons span{background:linear-gradient(100deg,#ffffff0a 25%,#ffffff1c 48%,#ffffff0a 72%) 0 0/220% 100%;border-radius:12px;height:38px;animation:1.7s ease-in-out infinite skeleton-shift}.lookup-error,.lookup-empty{color:#c9c6bf;margin:12px 2px 2px;font-size:12px;line-height:1.5}.lookup-error{color:#f4b7aa}.lookup-results{border-top:1px solid var(--line);scrollbar-color:#d8ff626b transparent;max-height:232px;margin-top:12px;overflow-y:auto}.lookup-results button{width:100%;min-height:58px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 2px;display:grid}.lookup-results button:hover:not(:disabled){color:var(--accent)}.lookup-results button:active:not(:disabled){transform:translateY(1px)}.lookup-results button:focus-visible{outline-offset:-2px;outline:2px solid #d8ff628c}.lookup-results button:disabled{cursor:not-allowed;opacity:.42}.match-copy{min-width:0}.match-copy strong,.match-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.match-copy strong{font-size:13px;font-weight:680}.match-copy span{color:#898782;margin-top:4px;font-size:11px}.match-meta{color:#96948e;white-space:nowrap;font-size:10px}.lookup-credit{color:#777570;margin:10px 0 0;font-size:10px}.lookup-credit a{color:#aaa8a2;text-underline-offset:2px}.dropzone{border:1px solid var(--line);cursor:pointer;text-align:left;background:linear-gradient(135deg,#fff1,#ffffff06),#191917c7;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:204px;padding:26px;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffff14}.dropzone:hover:not(:disabled),.dropzone.is-dragging{background:#d8ff6212;border-color:#d8ff6280;transform:translateY(-2px)}.dropzone:active:not(:disabled){transform:scale(.985)}.dropzone:focus-visible{outline-offset:3px;outline:3px solid #d8ff6280}.dropzone:disabled{cursor:wait}.dropzone.status-error{border-color:#ff8e7857}.drop-icon{width:46px;height:46px;color:var(--accent-ink);background:var(--accent);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.status-error .drop-icon{color:#291310;background:#ff9b84}.status-done .drop-icon,.status-finalizing .drop-icon{color:#102015;background:#83e6a0}.status-reading .drop-icon svg,.status-searching .drop-icon svg,.status-preparing .drop-icon svg,.status-transcribing .drop-icon svg{animation:1.1s ease-in-out infinite waveform-pulse}.drop-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;max-width:100%;font-size:18px;font-weight:680;overflow:hidden}.drop-subtitle{color:#b8b6b1;max-width:36em;margin-top:6px;font-size:14px;line-height:1.45}.status-error .drop-subtitle{color:#f4b7aa}.file-types{color:#777570;margin-top:18px;font-size:12px}.processing-track{background:#ffffff17;border-radius:999px;width:100%;height:3px;margin-top:24px;overflow:hidden}.processing-track span{border-radius:inherit;background:var(--accent);width:42%;height:100%;animation:1.4s cubic-bezier(.16,1,.3,1) infinite processing-slide;display:block}.process-note{color:#777570;flex-wrap:wrap;gap:10px 18px;margin-top:16px;font-size:12px;display:flex}.process-note span{align-items:center;gap:6px;display:inline-flex}.process-note .is-complete{color:#aaa8a2}.process-note .is-complete svg{color:var(--accent)}.result-actions{border:1px solid var(--line);background:#ffffff09;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px;display:flex}.result-summary{color:#aaa8a2;align-items:center;gap:9px;font-size:12px;display:flex}.result-summary svg{color:var(--accent)}.result-summary strong{color:var(--ink);font-weight:650}.download-row{gap:8px;display:flex}.download-row button{cursor:pointer;white-space:nowrap;color:#c4c2bc;background:#ffffff0d;border:1px solid #ffffff21;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;display:inline-flex}.download-row .primary-download{border-color:var(--accent);color:var(--accent-ink);background:var(--accent);font-weight:680}.player-stage{-webkit-backdrop-filter:blur(30px)saturate(130%);backdrop-filter:blur(30px)saturate(130%);background:#1c1c1ab8;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;height:min(680px,100dvh - 128px);min-height:570px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 34px 90px #00000052}.stage-color{filter:saturate(.82);background:radial-gradient(circle at 82% 8%,#d6844f85,#0000 34%),radial-gradient(circle at 18% 92%,#4c69466b,#0000 40%),linear-gradient(140deg,#483d35b3,#151514f5 58%);position:absolute;inset:0}.track-meta,.lyrics-window,.player-controls{position:relative}.track-meta{align-items:center;gap:15px;padding:20px 22px;display:flex}.cover-art{color:#ffffffc7;background:linear-gradient(145deg,#aa6948,#3f5f4b 82%);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3d}.cover-art.has-cover{background-position:50%;background-size:cover}.cover-ring{border:12px solid #f5e1aa33;border-radius:999px;width:62px;height:62px;position:absolute;bottom:-25px;right:-24px}.track-copy{min-width:0}.track-copy strong,.track-copy span{display:block}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;font-size:15px;overflow:hidden}.track-copy span{color:#ffffff8c;margin-top:4px;font-size:12px}.lyrics-window{scrollbar-width:none;flex:1;min-height:0;padding:34px clamp(26px,5vw,70px);overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 15% 85%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 15% 85%,#0000 100%)}.lyrics-window::-webkit-scrollbar{display:none}.lyric-line{color:#ffffff3d;cursor:pointer;text-align:left;letter-spacing:-.045em;background:0 0;border:0;grid-template-columns:58px 1fr;align-items:baseline;width:100%;margin:0 0 clamp(16px,2.3vh,26px);padding:0;font-size:clamp(24px,3vw,44px);font-weight:700;line-height:1.16;transition:color .3s,transform .3s,opacity .3s;display:grid}.lyric-line:disabled{cursor:default}.lyric-line.active{color:#fffffff7;transform:translate(8px)}.lyric-line.past{color:#ffffff61}.lyric-line:not(:disabled):hover{color:#ffffffad}.lyric-line:focus-visible{outline-offset:6px;border-radius:4px;outline:2px solid #d8ff6299}.timestamp{color:#ffffff38;letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500}.line-text>span{color:#ffffff40;transition:color .12s}.line-text>.word-played{color:#ffffffeb}.line-text>.word-active{color:var(--accent);text-shadow:0 0 24px #d8ff622e}.lyric-skeletons{flex-direction:column;justify-content:center;gap:24px;min-height:100%;display:flex}.lyric-skeletons span{width:var(--line-width);opacity:.44;height:clamp(28px,3.5vw,46px);animation:1.7s ease-in-out infinite skeleton-shift;animation-delay:var(--line-delay);background:linear-gradient(100deg,#ffffff0d 25%,#ffffff26 48%,#ffffff0d 72%) 0 0/220% 100%;border-radius:12px;display:block}.empty-lyrics{color:#ffffff6b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.empty-lyrics svg{color:#f0a492;margin-bottom:16px}.empty-lyrics strong{color:#ffffffc7;font-size:18px}.empty-lyrics span{margin-top:6px;font-size:13px}.player-controls{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#121211a3;border:1px solid #ffffff21;border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin:0 18px 18px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff14}.play-button{width:39px;height:39px;color:var(--accent-ink);cursor:pointer;background:var(--accent);border:0;border-radius:12px;place-items:center;display:grid}.play-button:disabled{opacity:.38;cursor:not-allowed}.timeline{--progress:0%;appearance:none;cursor:pointer;background:linear-gradient(to right, #ffffffe0 var(--progress), #ffffff2e var(--progress));border-radius:999px;width:100%;height:3px}.timeline:disabled{cursor:not-allowed;opacity:.5}.timeline::-webkit-slider-thumb{appearance:none;background:#f0eee9;border:0;border-radius:50%;width:11px;height:11px;box-shadow:0 2px 8px #0000004d}.timeline::-moz-range-thumb{background:#f0eee9;border:0;border-radius:50%;width:11px;height:11px}.timecode{color:#ffffff7a;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.download-button{color:#eceae5;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;height:39px;padding:0 14px;text-decoration:none;display:inline-flex}.download-button:disabled{opacity:.34;cursor:not-allowed}.play-button:active:not(:disabled),.download-button:active:not(:disabled),.download-row button:active{transform:scale(.96)}.play-button:focus-visible,.download-button:focus-visible,.download-row button:focus-visible{outline-offset:2px;outline:3px solid #d8ff6273}.final-shell,.download-shell{overflow:auto}.final-workspace{width:min(1080px,100% - 48px);padding:clamp(32px, 4vw, 52px) 0 max(64px, calc(32px + var(--safe-bottom)));margin:0 auto}.final-heading{margin-bottom:24px}.final-heading h1,.download-heading h1{letter-spacing:-.055em;max-width:18ch;margin:0;font-size:clamp(34px,5vw,58px);line-height:1.04}.final-heading>p:last-child,.download-heading>p:last-child{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.55}.final-player{height:min(730px,100dvh - 240px);min-height:610px}.final-player .lyrics-window{padding-inline:clamp(28px,7vw,92px)}.final-player .lyric-line{font-size:clamp(26px,3.4vw,48px)}.audio-note{color:#ffffff85;margin:0;font-size:11px;position:absolute;bottom:86px;right:28px}.final-state{width:min(520px,100% - 40px);min-height:calc(100svh - 72px - var(--safe-top) - var(--safe-bottom));min-height:calc(100dvh - 72px - var(--safe-top) - var(--safe-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:80px 0;display:flex}.state-icon{width:54px;height:54px;color:var(--accent);background:#d8ff6214;border:1px solid #d8ff6247;border-radius:16px;place-items:center;display:grid}.state-icon.is-loading svg{animation:1.1s ease-in-out infinite waveform-pulse}.final-state h1{letter-spacing:-.05em;margin:22px 0 0;font-size:clamp(30px,5vw,46px)}.final-state p{max-width:32em;color:var(--muted);margin:12px 0 24px;line-height:1.6}.download-workspace{width:min(940px,100% - 48px);min-height:calc(100svh - 72px - var(--safe-top) - var(--safe-bottom));min-height:calc(100dvh - 72px - var(--safe-top) - var(--safe-bottom));padding:clamp(48px, 8vw, 96px) 0 max(64px, calc(32px + var(--safe-bottom)));margin:0 auto}.download-heading{max-width:720px;margin-bottom:34px}.download-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.download-card{border:1px solid var(--line);background:#ffffff09;border-radius:18px;flex-direction:column;min-height:390px;padding:clamp(24px,4vw,34px);display:flex;box-shadow:inset 0 1px #ffffff12}.download-card.featured{background:linear-gradient(145deg,#d8ff6217,#ffffff08);border-color:#d8ff6257}.download-card-icon{width:48px;height:48px;color:var(--accent);background:#d8ff6212;border:1px solid #d8ff6242;border-radius:14px;place-items:center;margin-bottom:26px;display:grid}.download-kicker{color:var(--accent);letter-spacing:.1em;margin:0 0 7px;font-size:11px;font-weight:720}.download-card h2{letter-spacing:-.04em;margin:0;font-size:28px}.download-card div>p:last-child{min-height:66px;color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.6}.download-card ul{border-top:1px solid var(--line);color:#c3c1bc;gap:10px;margin:24px 0 28px;padding:20px 0 0;font-size:13px;list-style:none;display:grid}.download-card li{align-items:center;gap:8px;display:flex}.download-card li svg{color:var(--accent)}.download-card button{cursor:pointer;color:#eceae5;background:#ffffff12;border:1px solid #ffffff26;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:auto;font-weight:680;display:inline-flex}.download-card.featured button{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.download-card button:active{transform:scale(.98)}.download-card button:focus-visible{outline-offset:3px;outline:3px solid #d8ff626b}.local-result-note{color:#777570;text-align:center;margin:18px 0 0;font-size:11px}@keyframes waveform-pulse{0%,to{transform:scaleX(.72)}50%{transform:scaleX(1.08)}}@keyframes processing-slide{0%{transform:translate(-105%)}55%,to{transform:translate(240%)}}@keyframes skeleton-shift{0%{background-position:110% 0}to{background-position:-110% 0}}@media (max-width:950px){.app-shell{overflow:auto}.workspace{grid-template-columns:1fr;gap:44px;padding-bottom:72px}.upload-column{max-width:none}.intro-copy h1{max-width:12ch}.player-stage{height:670px;min-height:670px}.final-player{height:690px;min-height:690px}}@media (max-width:620px){.topbar,.workspace{width:min(calc(100% - 32px - var(--safe-left) - var(--safe-right)), 1400px)}.topbar{height:calc(64px + var(--safe-top))}.privacy-note{display:none}.topbar-actions .quiet-action{width:40px;padding:0;font-size:0}.primary-action.compact{padding:0 11px}.workspace{padding-top:30px}.intro-copy h1{font-size:43px}.creation-tools{grid-template-columns:1fr;align-items:stretch}.lookup-toggle{width:100%}.lookup-fields{grid-template-columns:1fr}.dropzone{min-height:194px;padding:22px}.result-actions{flex-direction:column;align-items:stretch}.download-row{grid-template-columns:1fr 1fr;display:grid}.player-stage{height:600px;min-height:600px}.lyrics-window{padding:30px 20px}.lyric-line{grid-template-columns:45px 1fr;font-size:clamp(23px,6.6vw,27px)}.player-controls{grid-template-columns:auto 1fr auto;gap:11px}.timecode{display:none}.download-button{justify-content:center;width:39px;padding:0;font-size:0}.final-workspace,.download-workspace{width:min(calc(100% - 32px - var(--safe-left) - var(--safe-right)), 1080px)}.final-heading h1,.download-heading h1{font-size:clamp(32px,9vw,38px)}.final-player{height:clamp(480px,68svh,640px);min-height:clamp(480px,68svh,640px)}.download-options{grid-template-columns:1fr}.download-card{min-height:360px}.audio-note{text-align:center;bottom:82px;left:22px;right:22px}}@media (display-mode:standalone) and (max-width:620px){.final-workspace{padding-top:24px}.final-player{height:clamp(480px,66svh,620px);min-height:clamp(480px,66svh,620px)}.player-controls{margin-bottom:max(12px, var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.player-stage,.player-controls{-webkit-backdrop-filter:none;backdrop-filter:none;background:#242421}}