:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171a1c;--ink:#ecebe5;--accent:#c8b28c;--green:#232b2b;--green-dark:#83b6b3;--muted:#a2a8ab;--line:#ffffff20;--surface:#202527;--surface-soft:#1c2123;--danger:#e7a18f}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Avenir Next,PingFang SC,Microsoft Yahei,sans-serif}a{color:inherit;text-decoration:none}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:70px;display:flex}.brand{letter-spacing:-1px;font-size:24px;font-weight:700}.brand span{font-weight:400}.brand i{color:var(--accent);padding-left:10px;font-style:normal}.badge,.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700}.badge{border:1px solid var(--line);border-radius:30px;padding:10px 14px}.shell{max-width:1300px;margin:auto;padding:38px 5vw;position:relative}.hero{z-index:1;width:58%;position:relative}h1{letter-spacing:-3px;margin:25px 0;font-family:Georgia,serif;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.06}em{color:var(--accent);font-weight:400}.intro{max-width:510px;font-size:17px;line-height:1.65}.button,button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;font:inherit;border-radius:5px;align-items:center;gap:32px;padding:16px 22px;font-size:14px;display:inline-flex}.button{margin-top:18px}.secondary{color:var(--ink);background:0 0;padding:12px 16px}button:disabled{opacity:.5;cursor:default}.note{max-width:520px;color:var(--muted);margin-top:22px;font-size:12px;line-height:1.6}.poster{background:var(--green);width:36%;color:var(--accent);border-radius:3px;padding:45px 20px;position:absolute;top:205px;right:5vw;transform:rotate(3deg)}.poster svg{width:100%;margin-top:40px}.poster p{text-align:center;color:var(--ink);font-family:Georgia,serif;font-size:26px;font-style:italic}.sticker{letter-spacing:2px;color:var(--ink);border:1px solid var(--ink);text-align:center;border-radius:100%;width:160px;padding:24px 12px;font-size:12px;font-weight:700;line-height:1.4;transform:rotate(-12deg)}footer{border-top:1px solid var(--line);letter-spacing:1px;justify-content:space-between;margin-top:75px;padding-top:20px;font-size:11px;display:flex}.lab{max-width:1180px;margin:auto;padding:38px 5vw}.lab header{margin-bottom:45px}.lab h1{font-size:clamp(42px,5vw,64px)}.lab-grid{grid-template-columns:1.2fr 1fr;gap:35px;margin-top:35px;display:grid}.instrument{background:var(--green);border-radius:7px;padding:30px}.note-display{font-family:Georgia,serif;font-size:100px;line-height:1.4}.instrument p{font-size:13px}canvas{width:100%;height:100px}.actions{flex-wrap:wrap;gap:10px;display:flex}.device-tools{padding:5px 10px}.device-tools h2{font-family:Georgia,serif;font-size:25px;font-weight:400}.device-tools p{color:var(--muted);font-size:14px;line-height:1.6}.device-tools hr{border:0;border-top:1px solid var(--line);margin-top:28px}audio{width:100%;margin-top:15px}.status{border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (max-width:700px){header{flex-direction:column;align-items:flex-start;margin-bottom:40px}.hero{width:100%}h1{letter-spacing:-2px}.poster{width:100%;margin-top:50px;position:relative;top:auto;right:auto;transform:rotate(1deg)}.poster svg{max-height:230px}footer{flex-direction:column;gap:12px}.lab-grid{grid-template-columns:1fr;gap:20px}.instrument{padding:20px}.badge{font-size:9px}}.site-shell{max-width:1280px;margin:auto;padding:36px 5vw 28px}.site-header{flex-wrap:wrap;margin-bottom:70px}.site-nav{flex-wrap:wrap;align-items:center;gap:22px;font-size:13px;display:flex}.nav-signin{border-bottom:1px solid var(--ink);padding:7px 0}.language-switch{border-left:1px solid var(--line);gap:12px;padding-left:20px;font-size:12px;display:flex}.language-switch a{padding:7px 0}.language-switch a[aria-current]{color:var(--accent);border-bottom:2px solid var(--accent)}.home-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:70px;margin:50px 0 110px;display:grid}.home-hero h1{max-width:650px}.melody-poster{background:var(--green);color:var(--accent);border-radius:3px;padding:35px;position:relative;transform:rotate(3deg)}.melody-poster svg{width:100%;margin:25px 0}.melody-poster p{text-align:center;color:var(--ink);font:italic 24px/1.5 Georgia,serif}.poster-stamp{text-align:center;border:1px solid var(--ink);width:62px;height:62px;color:var(--ink);border-radius:50%;font:50px Georgia,serif;display:block}.site-shell h2{letter-spacing:-.8px;font:clamp(27px,3vw,42px)/1.15 Georgia,serif}.site-shell h3{font:26px/1.2 Georgia,serif}.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:35px 0 45px;display:grid}.path-grid p{color:var(--muted);font-size:15px;line-height:1.75}.step-number{color:var(--accent);font:italic 22px Georgia,serif}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:14px;display:inline-block}.coming-label{color:var(--muted);font-size:12px}.preview-message{background:var(--surface-soft);border-left:3px solid var(--green);max-width:850px;margin:25px 0;padding:18px 22px;font-size:13px;line-height:1.7}.site-footer{gap:20px;margin-top:60px}.compact-title{max-width:870px;font-size:clamp(36px,4.7vw,64px)}.example-grid{grid-template-columns:1fr 1fr;gap:28px;margin:45px 0;display:grid}.example-card{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:28px;transition:transform .18s,border-color .18s;position:relative}.example-card:nth-child(2){background:var(--green)}.example-card:hover{border-color:var(--accent);transform:translateY(-4px)}.card-number{color:var(--accent);font:italic 25px Georgia,serif}.mini-wave{justify-content:center;align-items:center;gap:4px;height:95px;margin:25px 0 15px;display:flex}.mini-wave span{background:var(--accent);opacity:.7;border-radius:4px;width:5px}.card-link{border-top:1px solid var(--line);justify-content:space-between;padding-top:20px;font-size:13px;display:flex}.analysis-layout{grid-template-columns:minmax(0,1fr) 285px;gap:40px;margin-top:35px;display:grid}.wave-strip{background:var(--green);border-radius:4px;align-items:center;gap:2px;height:115px;padding:20px;display:flex;overflow:hidden}.wave-strip span{background:var(--accent);opacity:.75;border-radius:1px;flex:1;min-width:1px}.track-grid{grid-template-columns:1fr;gap:14px;margin:25px 0 40px;display:grid}.audio-track{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:16px 20px}.audio-track p{margin:0;font-size:14px}.audio-track audio{width:100%;height:40px;margin-top:14px}.pitch-chart{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin:20px 0;padding:14px}.pitch-chart svg{width:100%;height:auto;color:var(--muted);font-size:12px}.pitch-chart figcaption{font-size:11px}.analysis-aside{border-top:3px solid var(--accent);background:var(--surface-soft);align-self:start;padding:25px}.analysis-aside h2{font-size:26px}.analysis-aside p{font-size:13px;line-height:1.8}.music-mark{color:var(--accent);font:65px Georgia,serif}.sign-panel{max-width:680px;min-height:430px;padding:30px 0}.sign-panel .button{margin-top:15px}.empty-state{border:1px solid var(--line);max-width:800px;margin:30px 0;padding:35px}.empty-state>span{color:var(--accent);font:60px Georgia,serif}.empty-state p{max-width:600px;line-height:1.7}html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{letter-spacing:0;font-family:Songti SC,Noto Serif CJK SC,serif;line-height:1.3}@media (max-width:900px){.site-nav{gap:14px}.site-header{margin-bottom:45px}.home-hero{grid-template-columns:1.1fr 1fr;gap:30px;margin-bottom:70px}.analysis-layout{grid-template-columns:minmax(0,1fr)}.analysis-aside{max-width:650px}.language-switch{padding-left:14px}.path-grid{gap:22px}}@media (max-width:600px){.site-shell{padding:24px 22px}.site-header{gap:20px}.site-nav{justify-content:space-between;gap:18px;width:100%}.language-switch{border-left:0;flex-basis:100%;gap:18px;padding:0}.home-hero{grid-template-columns:1fr;gap:25px;margin:35px 0 65px}.home-hero h1{letter-spacing:-1.5px;font-size:44px}.melody-poster{margin:12px 7px;padding:25px;transform:rotate(2deg)}.melody-poster svg{max-height:200px;margin:5px 0}.melody-poster p{font-size:20px}.path-grid,.example-grid{grid-template-columns:1fr}.path-grid{gap:24px}.example-card{padding:24px}.site-shell h3{font-size:25px}.analysis-layout{gap:25px}.pitch-chart{padding:6px}.compact-title{letter-spacing:-1px}.wave-strip{padding:14px}.site-footer{font-size:10px}}@media (prefers-reduced-motion:reduce){.example-card{transition:none}.example-card:hover{transform:none}}.legal-document{overflow-wrap:anywhere;max-width:820px;margin:70px auto}.legal-document section{margin:38px 0}.legal-document h2{font-size:clamp(23px,3vw,31px)}.legal-document p{line-height:1.85}.legal-links{flex-wrap:wrap;gap:12px 24px;display:flex}.about-document{overflow-wrap:anywhere;max-width:900px;margin:60px auto}.about-document section{margin-top:42px}.about-document h2{font-size:clamp(24px,3vw,32px)}.about-document p{color:var(--muted);line-height:1.85}.about-contact{background:var(--surface-soft);border:1px solid var(--line);border-top:3px solid var(--accent);padding:28px;scroll-margin-top:24px}.about-contact h2{margin-top:0}.contact-email{color:var(--accent);text-underline-offset:5px;font-size:clamp(17px,2.4vw,26px);text-decoration:underline}@media (max-width:600px){.about-document{margin:35px auto}.about-contact{padding:22px 18px}}.site-footer{flex-wrap:wrap;gap:20px}.credit-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2.5rem 0;display:grid}.credit-pack{border:1px solid var(--ink,#30352b);border-radius:1rem;padding:2rem}.credit-pack h2{margin:1rem 0 2rem;font-size:2.5rem}@media (max-width:700px){.credit-packs{grid-template-columns:1fr}}.song-library{margin-block:3rem}.upload-panel,.clip-selector,.download-actions{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.file-label{flex:1;gap:.7rem;min-width:220px;display:grid}.file-label input{border:1px dashed var(--ink,#29352e);border-radius:12px;max-width:100%;padding:1rem}.song-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;margin-block:2rem;padding:2rem}.song-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.song-heading h2{overflow-wrap:anywhere;margin:0 0 1rem}.clip-selector label{gap:.5rem;display:grid}.clip-selector input{border:1px solid var(--line);width:120px;color:inherit;background:0 0;border-radius:8px;padding:.6rem}.clip-results{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.clip-results label{gap:.5rem;display:grid}.clip-results audio{width:100%}.download-actions{margin-top:1rem}@media (max-width:700px){.song-panel{padding:1rem}.clip-results{grid-template-columns:1fr}.clip-selector .button{width:100%}}.creator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:2rem;margin:2rem 0;display:grid}.creator-grid label{gap:.6rem;margin-bottom:1.2rem;font-weight:600;display:grid}.creator-grid input:not([type=checkbox]),.creator-grid textarea{background:var(--paper,#f6f1e5);width:100%;color:inherit;font:inherit;border:1px solid;border-radius:6px;padding:.8rem}.creator-grid .confirmation{align-items:flex-start;font-weight:400;display:flex}.creator-grid .confirmation input{flex-shrink:0;margin-top:.35rem}.lyric-editor{resize:vertical;line-height:1.65}.lyric-result{white-space:pre-wrap;font:inherit;border-left:3px solid var(--accent);padding-left:1.2rem;line-height:1.7}@media (max-width:750px){.creator-grid{grid-template-columns:1fr;gap:1rem}}.creator-grid .upload-panel{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;display:flex}.creator-grid .upload-panel>.button{align-self:flex-start}.practice-room{margin-block:2rem}.practice-room>.eyebrow{overflow-wrap:anywhere;margin-top:2.5rem}.practice-gate{border-top:3px solid var(--accent);background:var(--surface-soft);margin:2rem 0;padding:2rem}.practice-layout{grid-template-columns:240px minmax(0,1fr);gap:2.5rem;margin:2rem 0;display:grid}.phrase-panel{border-top:2px solid var(--green-dark);padding-top:1rem}.phrase-panel h2{margin-top:0}.phrase-list{gap:.5rem;max-height:360px;padding-right:.4rem;display:grid;overflow-y:auto}.phrase-choice{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:5px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.phrase-choice span:first-child{font:italic 1.5rem Georgia,serif}.phrase-choice.selected{background:var(--green);border-color:var(--accent)}.segment-editor{gap:.75rem;margin-top:1.5rem;display:grid}.segment-editor label,.mic-settings label{gap:.5rem;display:grid}.segment-editor input{border:1px solid var(--line);width:100%;color:inherit;font:inherit;background:0 0;border-radius:5px;padding:.6rem}.practice-stage{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:2rem}.practice-notes{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.practice-notes>div{gap:.6rem;display:grid}.practice-notes strong{font:clamp(36px,5vw,65px) Georgia,serif}.practice-notes small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pitch-feedback{min-height:1.6rem;color:var(--accent)}.practice-trace{margin:1.5rem 0 .5rem}.practice-trace svg{width:100%;height:auto;display:block}.practice-stage progress{width:100%;height:7px;accent-color:var(--accent)}.practice-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.mic-settings{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding-top:1.2rem;display:grid}.mic-settings .note{grid-column:1/-1}.practice-summary{background:var(--surface);border-left:3px solid var(--green-dark);margin-top:2rem;padding:1.25rem}.practice-summary h2{margin-top:0}@media (max-width:800px){.practice-layout{grid-template-columns:1fr;gap:1.5rem}.phrase-list{max-height:120px;display:flex;overflow-x:auto}.phrase-choice{flex-shrink:0}.segment-editor{grid-template-columns:1fr 1fr}.segment-editor .button{grid-column:1/-1}.practice-stage{padding:1.2rem}.mic-settings{grid-template-columns:1fr}.practice-actions .button{flex:220px}}body{background-image:repeating-linear-gradient(90deg,#0000 0 11px,#ffffff04 11px 12px,#0000000e 12px 14px);min-height:100vh}::selection{color:var(--ink);background:#c8b28c40}.site-shell{max-width:1240px;padding:0 56px 32px}.site-header{border-bottom:1px solid var(--line);min-height:100px;margin-bottom:60px;padding-block:24px}.brand{letter-spacing:-.6px;font-size:21px}.brand i{color:var(--accent)}.site-nav{color:var(--muted)}.site-nav a:hover,.legal-links a:hover{color:var(--accent)}.nav-signin{color:var(--ink);border:1px solid var(--line);padding:10px 18px}.eyebrow{color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-weight:500}h1{letter-spacing:-1.5px;line-height:1.2}.intro{color:var(--muted);font-size:16px;line-height:1.9}.button,button{background:var(--accent);color:var(--paper);border-color:var(--accent);border-radius:3px;justify-content:center;transition:background .18s,border-color .18s}.button:hover,button:hover{background:#dac7a7;border-color:#dac7a7}.button.secondary,button.secondary{color:var(--ink);border-color:var(--line);background:0 0}.button.secondary:hover,button.secondary:hover{background:var(--surface);border-color:var(--accent)}button:disabled:hover{background:var(--accent);border-color:var(--accent)}button.secondary:disabled:hover{border-color:var(--line);background:0 0}input,textarea,select{font:inherit;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);accent-color:var(--accent);border-radius:3px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=file]::file-selector-button{background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:3px;margin-right:12px;padding:9px 12px}.creator-grid input:not([type=checkbox]),.creator-grid textarea{background:var(--surface-soft);border-color:var(--line);border-radius:3px}[role=alert]{color:var(--danger);line-height:1.7}.preview-message{border-left-color:var(--accent);color:var(--muted)}.example-card,.example-card:nth-child(2),.audio-track,.pitch-chart,.song-panel,.practice-stage,.credit-pack,.empty-state,.song-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:4px}.example-card:hover{background:var(--surface)}.pitch-chart svg,.pitch-chart figcaption{color:var(--muted)}.wave-strip{background:var(--surface);border:1px solid var(--line)}.analysis-aside,.practice-gate{background:var(--surface-soft)}.analysis-aside .note{color:var(--muted)}.phrase-choice{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}.phrase-choice:hover{background:var(--surface);border-color:var(--accent)}.phrase-choice.selected{border-color:var(--accent);color:var(--accent);background:#c8b28c17}.practice-summary{border-left-color:var(--green-dark)}.practice-notes strong{color:var(--accent)}.practice-notes small,.practice-trace{color:var(--muted)}.credit-pack{padding:30px}.song-card{overflow-wrap:anywhere;margin-block:20px;padding:24px}.lyric-result{white-space:pre-wrap;overflow-wrap:anywhere}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.song-heading{flex-wrap:wrap}.file-label{min-width:min(220px,100%)}.instrument{background:var(--surface);border:1px solid var(--line);border-radius:4px}.lab header{border-bottom:1px solid var(--line);padding-bottom:24px}.site-footer{color:var(--muted);line-height:1.8}.legal-document{padding:28px 0}.legal-document p{color:#c3c7c7}.legal-document a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.home-hero{margin:90px 0 70px;display:block}.home-hero .eyebrow{align-items:center;gap:12px;display:flex}.home-hero .eyebrow:before{content:"";background:var(--accent);flex-shrink:0;width:28px;height:1px}.home-hero-copy{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:65px;margin:30px 0;display:grid}.home-hero-copy h1{margin:0;font-size:clamp(44px,5vw,66px)}html[lang=zh-Hans] .home-hero h1{font-size:clamp(38px,4vw,56px)}.home-hero-copy .intro{max-width:350px;margin:0 0 8px;font-size:15px}.home-hero .button{margin-top:5px}.home-ruler{border-top:1px solid var(--line);background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12px);height:7px;margin-top:60px}.path-section{border-top:0;padding-top:0}.path-section>.eyebrow{display:none}.site-shell .path-section h2{letter-spacing:0;font-family:inherit;font-size:25px}.path-grid{border:1px solid var(--line);background:var(--surface-soft);gap:0;margin:30px 0 45px}.path-grid article{border-right:1px solid var(--line);min-width:0;padding:30px}.path-grid article:last-child{border-right:0}.path-grid h3{margin:28px 0 14px;font-size:23px}.path-grid p{min-height:68px;font-size:13px}.step-number{letter-spacing:2px;font:11px SFMono-Regular,Consolas,monospace}.path-grid .text-link,.path-grid .coming-label{margin-top:18px}.mini-wave{overflow:hidden}@media (max-width:900px){.site-shell{padding-inline:28px}.home-hero-copy{grid-template-columns:1fr;gap:30px}.path-grid article{padding:22px}}@media (max-width:600px){.site-shell{padding:0 22px 24px}.site-header{margin-bottom:38px;padding-block:24px}.home-hero{margin:50px 0}.home-hero-copy{grid-template-columns:1fr;gap:24px}.home-hero-copy h1,html[lang=zh-Hans] .home-hero h1{font-size:clamp(27px,7.4vw,42px)}.home-ruler{margin-top:40px}.path-grid article{border-right:0;border-bottom:1px solid var(--line);padding:24px}.path-grid article:last-child{border-bottom:0}.path-grid p{min-height:0}.song-heading .actions{width:100%}.credit-pack{padding:24px}.legal-document{margin-block:35px}}@media (prefers-reduced-motion:reduce){.button,button{transition:none}}button.text-link{color:var(--accent);background:0 0;border:0;border-bottom:1px solid;border-radius:0;padding:8px 0}button.text-link:hover{color:#dac7a7}.language-dropdown{border-left:1px solid var(--line);padding-left:18px;position:relative}.language-dropdown summary{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;gap:8px;padding:10px 6px;font-size:12px;list-style:none;display:flex}.language-dropdown summary::-webkit-details-marker{display:none}.language-dropdown summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.language-dropdown summary:hover{color:var(--accent)}.language-chevron{flex-shrink:0;transition:transform .15s}.language-dropdown[open] .language-chevron{transform:rotate(180deg)}.language-options{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:4px;width:180px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0006}.language-options a{min-height:44px;color:var(--ink);border-radius:2px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.language-options a:hover,.language-options a:focus-visible{color:var(--accent);background:#c8b28c14}.language-options a[aria-current]{color:var(--accent)}.footer-brand{flex-direction:column;gap:5px;display:flex}.footer-brand small{letter-spacing:1.2px;font-size:9px}@media (max-width:600px){.site-nav{gap:12px}.language-dropdown{border-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.language-chevron{transition:none}}.site-header .brand{letter-spacing:-.3px;align-items:center;gap:12px;font-size:19px;font-weight:600;display:inline-flex}.site-header .brand span{font-weight:600}.brand-mark{color:var(--accent);flex-shrink:0}@media (max-width:600px){.site-header .brand{font-size:17px}}.home-centered{text-align:center;margin:58px 0 36px}.home-centered .eyebrow{justify-content:center}.home-centered .eyebrow:before{display:none}.home-centered .home-hero-copy{flex-direction:column;align-items:center;gap:24px;margin:28px 0 0;display:flex}.home-centered .home-hero-copy h1{max-width:950px;font-size:clamp(40px,4.8vw,64px)}html[lang=zh-Hans] .home-centered h1{font-size:clamp(40px,4.8vw,64px)}.home-centered .home-hero-copy .intro{max-width:830px;margin:0;font-size:15px;line-height:2.1}.site-shell .home-entries h2{text-align:center;color:var(--accent);letter-spacing:0;margin:0 0 30px;font-family:inherit;font-size:clamp(22px,2.4vw,30px);font-weight:600;line-height:1.4}.home-entries .path-grid{background:0 0;border:0;gap:20px;margin:0 0 36px}.home-entries .home-entry{--entry-color:#dac49b;--entry-bg:#2d2b26;--entry-border:#dac49b50;background:var(--entry-bg);border:1px solid var(--entry-border);border-top:3px solid var(--entry-color);border-radius:6px;flex-direction:column;min-width:0;padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 12px 24px #00000025}.home-entries .entry-upload{--entry-color:#a7c9c5;--entry-bg:#252e30;--entry-border:#a7c9c548}.home-entries .entry-create{--entry-color:#bcc5a8;--entry-bg:#2b3028;--entry-border:#bcc5a848}.home-entries .home-entry:hover{border-color:var(--entry-color);transform:translateY(-4px);box-shadow:0 18px 30px #00000035}.entry-top{min-height:24px;color:var(--entry-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.home-entry .step-number{color:var(--entry-color)}.entry-tag{border:1px solid var(--entry-border);padding:3px 6px;font-size:10px}.entry-icon{color:var(--entry-color);align-items:center;height:42px;margin-top:18px;display:flex}.home-entries h3{margin:18px 0 12px;font-family:inherit;font-size:22px;line-height:1.4}.home-entries .home-entry>p{color:#c1c5c2;min-height:66px;margin:0 0 22px;font-size:13px;line-height:1.9}.home-entry .entry-action{background:var(--entry-color);color:#192020;border-color:var(--entry-color);justify-content:space-between;gap:12px;min-height:48px;margin-top:auto;padding:15px;display:flex}.home-entry .entry-action:hover{filter:brightness(1.1)}.entry-note{color:#b1b9b5;margin-top:13px;font-size:11px;line-height:1.7;display:block}@media (max-width:900px){.home-entries .path-grid{gap:14px}.home-entries .home-entry{padding:20px}.home-entries h3{font-size:20px}}@media (max-width:600px){.home-centered{margin:38px 0 28px}.home-centered .home-hero-copy{gap:20px}.home-centered .home-hero-copy .intro{font-size:13px}.home-entries .path-grid{gap:16px}.home-entries .home-entry{padding:24px}.home-entries .home-entry>p{min-height:0;margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.home-entries .home-entry{transition:none}.home-entries .home-entry:hover{transform:none}}.home-guide,.home-faq{border-top:1px solid var(--line);margin-block:64px;padding-top:30px}.site-shell .home-guide h2,.site-shell .home-faq h2{font-size:clamp(25px,3vw,34px);line-height:1.35}.guide-intro{max-width:none;color:var(--muted);font-size:15px;line-height:1.9}.guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:30px 0 0;padding:0;list-style:none;display:grid}.guide-steps li{border-top:1px solid var(--line);gap:18px;padding:24px 0;display:flex}.guide-steps .step-number{flex-shrink:0;padding-top:5px}.site-shell .guide-steps h3{margin:0 0 10px;font-family:inherit;font-size:17px;line-height:1.5}.guide-steps p,.home-faq p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.home-faq details{border-bottom:1px solid var(--line);padding:18px 0}.home-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:6px 0;font-size:15px;line-height:1.7;list-style:none;display:flex}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary:after{content:"+";color:var(--accent);flex-shrink:0;font-size:20px}.home-faq details[open] summary:after{content:"−"}.home-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.home-faq details p{max-width:none;margin:14px 0 6px}@media (max-width:600px){.home-guide,.home-faq{margin-block:42px}.guide-steps{grid-template-columns:1fr}}.home-entries .entry-icon{margin-top:0}.home-entry .entry-note{min-height:3.4em}.examples-hero{text-align:center;max-width:900px;margin:40px auto 42px}.examples-hero .compact-title{margin:0 auto 24px}.examples-hero .intro{max-width:800px;margin:0 auto 18px}.examples-hero .note{max-width:none}.songs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.site-shell .songs-toolbar h2{margin:0;font-family:inherit;font-size:20px;font-weight:600;line-height:1.4}.songs-toolbar h2 span{color:var(--muted);margin-left:12px;font-size:12px;font-weight:400}.song-search{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.song-search input{border:1px solid var(--line);background:var(--surface);width:240px;max-width:100%;color:var(--ink);font:inherit;border-radius:4px;padding:11px 14px;font-size:13px}.song-search button{border:1px solid var(--accent);background:var(--accent);color:#171a1c;cursor:pointer;font:inherit;border-radius:4px;padding:11px 16px;font-size:13px}.song-search a{color:var(--accent);font-size:12px}.song-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.song-row{border:1px solid #515b5e;border-left:3px solid var(--accent);background:#292f31;border-radius:6px;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;transition:border-color .2s,background .2s;display:grid;box-shadow:0 6px 16px #00000020}.song-row:hover,.song-row:focus-visible{border-color:var(--accent);background:#323a3d}.song-row:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.song-wave{height:64px;color:var(--accent);background:#1e2426;border:1px solid #c8b28c45;border-radius:5px;justify-content:center;align-items:center;gap:3px;padding:8px;display:flex}.song-wave span{opacity:.8;background:currentColor;border-radius:2px;width:3px}.site-shell .song-copy h3{margin:0 0 8px;font-family:inherit;font-size:20px;line-height:1.4}.song-copy p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.song-action{color:#171a1c;background:var(--accent);border:1px solid var(--accent);border-radius:4px;align-items:center;gap:20px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.song-action>span{transition:transform .2s}.song-row:hover .song-action>span,.song-row:focus-visible .song-action>span{transform:translate(3px)}.song-pagination{justify-content:center;align-items:center;gap:24px;margin:30px 0;font-size:14px;display:flex}.song-pagination a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.examples-return{text-align:center;margin:38px 0}@media (max-width:600px){.examples-hero{margin:30px auto}.examples-hero .compact-title{font-size:36px}.song-search{width:100%}.song-search input{flex:1;width:auto;min-width:0}.song-row{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px}.song-wave{overflow:hidden}.song-action{grid-column:2;justify-content:space-between}.site-shell .song-copy h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.song-row,.song-action>span{transition:none}.song-row:hover .song-action>span,.song-row:focus-visible .song-action>span{transform:none}}.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}.example-track-download{margin:10px 0 20px;font-size:13px}.example-downloads{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 32px;padding:22px 0}.example-downloads h2{margin-top:0}.example-download-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.example-download-actions .button{white-space:normal;text-align:center}.example-lyrics{border:1px solid var(--ink,#252a23);border-radius:8px;margin:2rem 0;padding:1.5rem}.example-lyrics ol{max-height:24rem;padding:0;list-style:none;overflow-y:auto}.example-lyrics li{border-left:3px solid #0000;gap:1rem;padding:.65rem .75rem;display:flex}.example-lyrics .lyric-active{color:#252a23;background:#dce7ce;border-left-color:#526b36;font-weight:600}.lyric-time{font-variant-numeric:tabular-nums;opacity:.65;flex:0 0 3rem}.dynamic-pitch{padding:20px;overflow:hidden}.dynamic-pitch svg text{fill:currentColor}.pitch-view-heading{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;font-size:12px;display:flex}.dynamic-pitch .pitch-overview{margin:8px 0 22px;display:block}.pitch-overview-bg{fill:var(--surface)}.pitch-line{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.pitch-line.detail{stroke-width:2.5px}.pitch-window{fill:var(--accent);fill-opacity:.12;stroke:var(--accent);stroke-width:1px}.pitch-cursor{stroke:#e7c76f;stroke-width:2px}.pitch-grid{stroke:currentColor;opacity:.12}.pitch-grid.octave{opacity:.3}@media (max-width:600px){.dynamic-pitch{padding:10px 4px}.dynamic-pitch .pitch-detail{min-height:210px}.pitch-view-heading{padding:0 8px;font-size:11px}}.pitch-options{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pitch-options button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:4px;padding:8px 14px}.pitch-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.pitch-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pitch-line.inferred{stroke-dasharray:4 3;opacity:.65}.pitch-candidate-note{font-size:12px}.pitch-current-lyric{border-left:3px solid var(--accent);background:var(--surface);margin:12px 0;padding:16px 12px}.pitch-current-lyric .note{font-size:12px;display:block}.pitch-current-lyric p{min-height:1.5em;margin:8px 0 0;font-size:clamp(18px,2.4vw,26px);line-height:1.5}.pitch-detail-scroll{overflow-x:auto}.pitch-detail-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dynamic-pitch .pitch-detail{width:100%;min-width:680px;display:block}.pitch-note-block rect{fill:var(--accent);fill-opacity:.16;stroke:var(--accent);stroke-opacity:.45;stroke-width:.6px}.pitch-note-block text{font-size:10px;font-weight:600}.pitch-note-block{cursor:pointer}.pitch-note-block .pitch-note-hit{fill:#0000;stroke:none}.pitch-note-block:focus{outline:none}.pitch-note-block:focus rect:not(.pitch-note-hit),.pitch-note-block:hover rect:not(.pitch-note-hit){stroke-opacity:1;fill-opacity:.3}.pitch-line.detail,.pitch-cursor{pointer-events:none}.pitch-note-inspector{font-variant-numeric:tabular-nums;min-height:1.5em;font-size:14px}.example-detail .site-header{margin-bottom:24px}.example-detail-heading{justify-content:space-between;align-items:center;gap:24px;margin:20px 0;display:flex}.example-detail-heading h1{margin:0 0 8px;font-size:clamp(30px,4vw,48px);line-height:1.12}.example-detail-heading .note{margin:0}.example-practice-entry{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.example-practice-entry small{color:var(--muted);font-size:12px}.example-transport{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:20px;padding:14px 18px;display:flex}.example-track-switch{flex-shrink:0;gap:6px;display:flex}.example-track-switch button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:9px 12px;font-size:14px}.example-track-switch button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.example-transport audio{width:100%;min-width:180px;height:40px}.example-detail .example-pitch-title{margin:22px 0 10px;font-size:26px}.example-detail .dynamic-pitch{margin:0;padding:16px}.example-detail .pitch-overview{max-height:110px;margin-bottom:12px}.example-detail .pitch-current-lyric{margin:10px 0;padding:10px 14px}.example-detail .pitch-current-lyric p{margin:6px 0;font-size:clamp(18px,2vw,25px)}.example-file-actions{flex-wrap:wrap;gap:14px 24px;margin:20px 0;display:flex}.example-file-actions button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 5px}.example-detail .example-downloads{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.example-detail .example-downloads h2{font-size:24px}.example-source-details{margin-top:20px}.example-source-details summary{cursor:pointer}@media (max-width:760px){.example-detail-heading{flex-direction:column;align-items:flex-start;gap:12px}.example-practice-entry{align-items:flex-start}.example-transport{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.example-track-switch{flex-wrap:wrap}.example-track-switch button{padding:8px}.example-file-actions{font-size:14px}.example-detail .dynamic-pitch{padding:10px}}.example-detail .site-header{margin-bottom:16px;padding-block:18px}.example-detail-heading{margin:14px 0}.example-practice-entry .button{margin:0}.example-detail .pitch-current-lyric .note{max-width:none;margin:0;line-height:1.4}.example-detail .pitch-overview{height:80px}.example-detail .example-transport{padding-block:10px}.example-detail .example-seo-intro{max-width:none;margin:0 0 14px;line-height:1.6}.pitch-lyrics-transcript{color:var(--muted);margin-top:8px;font-size:13px}.pitch-lyrics-transcript summary{cursor:pointer;color:var(--accent)}.pitch-lyrics-transcript ol{max-height:260px;padding:0;line-height:1.7;list-style:none;overflow-y:auto}.pitch-lyrics-transcript li{padding:4px 0}.sign-panel{max-width:640px;min-height:0;margin:45px auto 65px;padding:30px 0}.sign-panel .compact-title{font-size:clamp(34px,4vw,52px)}.sign-panel .intro{font-size:18px;line-height:1.7}.sign-context{border-left:2px solid var(--accent);color:var(--accent);padding:10px 16px}.sign-panel .button{min-width:260px}.sign-legal{line-height:1.8}.sign-legal a{text-underline-offset:3px;text-decoration:underline}.sign-browse{color:var(--muted);margin-top:20px}.phrase-lyric{color:var(--muted);white-space:normal;font-size:12px;font-weight:400;line-height:1.6;display:block}.practice-unified{grid-template-columns:1fr;gap:24px}.practice-chart-panel,.practice-transport,.practice-whole-timeline{min-width:0}.practice-chart-panel .pitch-chart{margin:0}.practice-transport-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.practice-transport-controls span{color:var(--muted);font-size:13px}.practice-whole-timeline{color:var(--muted);gap:12px;font-size:13px;display:grid}.practice-whole-timeline input{width:100%;accent-color:var(--accent)}.practice-unified .phrase-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:220px;display:grid}.practice-unified .segment-editor{max-width:620px}.practice-advanced{min-width:0}.practice-advanced summary{cursor:pointer;color:var(--accent);margin:12px 0}.practice-advanced label{gap:12px;display:grid}.pitch-line.practice-voice{stroke:#a7d5e8;stroke-width:3px;fill:none}@media (max-width:800px){.practice-unified .phrase-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:220px;display:grid}.practice-transport{flex-direction:column;align-items:stretch}.practice-transport .example-track-switch{flex-wrap:wrap}}.practice-phrase-options>summary{cursor:pointer;color:var(--accent);padding:8px 0;font-size:20px}.practice-unified .segment-editor{grid-template-columns:1fr 1fr;gap:14px;display:grid}.practice-unified .segment-editor .button{grid-column:1/-1}.recording-panel{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);border-radius:6px;margin-top:32px;padding:24px}.recording-panel p{line-height:1.7}.recording-panel h2{margin-top:0}.recording-options,.recording-review,.recording-share,.recording-video{gap:16px;margin:20px 0;display:grid}.recording-panel label,.recording-library label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recording-panel input[type=range]{min-width:100px;accent-color:var(--accent);flex:1}.recording-panel input[type=checkbox],.recording-library input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.recording-panel audio,.recording-library audio,.share-page audio{width:100%}.recording-library .song-panel{overflow-wrap:anywhere}.recording-library .text-link{margin:8px 12px 8px 0}.recording-video summary{cursor:pointer;color:var(--accent)}.recording-video input{background:var(--surface);max-width:150px;color:var(--ink);border:1px solid var(--line);padding:10px}.share-page{max-width:900px;padding-block:50px}.share-page h1{font-size:clamp(32px,5vw,60px)}.share-page .button{margin-top:35px}@media (max-width:600px){.recording-panel{padding:18px}.recording-review .example-track-switch{flex-wrap:wrap}.recording-library .song-panel{padding:20px}}.practice-section-nav{flex-wrap:wrap;gap:12px;display:flex}.practice-section-nav a{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:6px;padding:12px 20px}.practice-section-nav a:nth-child(2){color:#a9cecb}.practice-section-nav a:nth-child(3){color:#c1c9ad}.practice-function{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface-soft);border-radius:8px;min-width:0;padding:28px;scroll-margin-top:24px}.practice-sing{border-top-color:#a9cecb}.practice-function.recording-panel{border-top-color:#c1c9ad;margin:0}.practice-function-heading{margin-bottom:24px}.practice-function h2{margin:0 0 12px;font-size:clamp(28px,3vw,38px)}.practice-function-heading p{color:var(--muted);margin:0}.practice-live-lyrics{border:1px solid var(--line);background:#a9cecb0e;border-radius:6px;margin:20px 0;padding:20px}.practice-lyrics-heading{color:#a9cecb;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.85rem;display:flex}.practice-lyric-lines{max-height:200px;overflow:auto}.practice-lyric-lines p{color:var(--muted);border-left:3px solid #0000;margin:12px 0;padding:8px 12px}.practice-lyric-lines p[aria-current=true]{border-color:var(--accent);color:var(--ink);background:#c9b0861a;font-size:1.15rem}.recording-options{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-options fieldset{border:0;align-content:start;gap:10px;min-width:0;padding:0;display:grid}.recording-options legend{color:var(--muted);margin-bottom:12px}.recording-choice{border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:16px;display:flex}.recording-choice:has(input:checked){background:#c1c9ad1a;border-color:#c1c9ad}.recording-choice input{accent-color:#c1c9ad;flex-shrink:0;width:18px;height:18px}.recording-choice small{color:var(--muted);margin-top:4px;font-size:.8rem;display:block}.recording-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.recording-actions .button{order:-1}@media (max-width:800px){.practice-function{padding:18px}.recording-options{grid-template-columns:1fr}.practice-section-nav a{text-align:center;flex:1;padding:10px}.practice-live-lyrics{padding:14px}}.recording-share>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recording-share>div .text-link{margin:0}.practice-combined{position:relative}.practice-anchor{scroll-margin-top:24px;position:absolute;top:0}.practice-combined .practice-whole-timeline{margin:20px 0}.practice-passage-editor{border:1px solid var(--line);background:#c9b0860b;border-radius:6px;margin:0 0 24px;padding:18px}.practice-combined .segment-editor{grid-template-columns:1fr 1fr auto;align-items:end;max-width:none}.practice-combined .segment-editor .button{grid-column:auto}.practice-combined .practice-stage{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin-top:24px;padding:24px 0 0}.practice-combined .practice-chart-panel .note{max-width:none}@media (max-width:800px){.practice-combined .segment-editor{grid-template-columns:1fr 1fr}.practice-combined .segment-editor .button{grid-column:1/-1}.practice-passage-editor{padding:14px}}.practice-passage-editor>.note{max-width:none;margin:0 0 14px}.practice-section-nav a[href=\#practice-record]{color:#c1c9ad}.practice-range-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.practice-range-heading h3{color:var(--ink);margin:0;font-size:20px}.practice-range-heading span{color:var(--accent);font-size:13px}.practice-combined .practice-reset-range{grid-column:1/-1;justify-self:start}.practice-passage-editor+.practice-transport{margin-bottom:24px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.recording-controls-host{z-index:20;align-self:start;min-width:0;position:sticky;top:12px}.recording-controls-host:empty{display:none}.recording-shared-toolbar,.recording-review-shortcut{background:var(--surface);border:1px solid #c1c9ad;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;box-shadow:0 8px 24px #0005}.recording-shared-toolbar p{color:#c1c9ad;margin:0;font-weight:600}.recording-shared-toolbar span{color:var(--muted);font-size:13px}.recording-shared-toolbar .button{flex-shrink:0;margin:0}.recording-review-shortcut{flex-wrap:wrap}.recording-review-shortcut span{color:var(--muted)}#practice-shared-chart,#recording-review{scroll-margin-top:130px}@media (max-width:600px){.recording-shared-toolbar,.recording-review-shortcut{gap:10px;padding:12px}.recording-shared-toolbar .button{padding:12px;font-size:14px}}.account-menu{position:relative}.account-menu>summary{cursor:pointer;border:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.account-menu>summary::-webkit-details-marker{display:none}.account-options{z-index:40;background:var(--surface);border:1px solid var(--line);min-width:220px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0006}.account-options nav{gap:2px;display:grid}.account-options nav a,.account-options .text-link{text-align:left;border:0;padding:12px;display:block}.account-options a:hover,.account-options button:hover{background:var(--surface-soft);color:var(--accent)}.account-options>div{border-top:1px solid var(--line)}.task-page{margin:32px 0 64px}.task-page>.intro{max-width:850px}.upload-drop{border:1px dashed var(--accent);background:#a9cecb0e;border-radius:6px;justify-items:start;gap:16px;margin:28px 0;padding:36px;display:grid}.upload-drop input{max-width:100%}.upload-drop progress{width:100%}.workspace-actions{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.workspace-filter{flex-wrap:wrap;align-items:end;gap:14px;margin:24px 0;display:flex}.workspace-filter label{flex:1;gap:8px;min-width:180px;display:grid}.workspace-song-list{gap:12px;display:grid}.workspace-song{border:1px solid var(--line);background:var(--surface);border-radius:6px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.workspace-song h2{margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.4}.workspace-song p{color:var(--muted);margin:0}.workspace-song-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.billing-history{margin:24px 0}.billing-history th,.billing-history td{text-align:left;border-bottom:1px solid var(--line);padding:14px}.song-detail-original{margin:24px 0}.song-detail-original audio{width:100%}@media (max-width:700px){.workspace-song{flex-direction:column;align-items:stretch;gap:16px}.upload-drop{padding:20px}}.profile-panel{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin:24px 0;padding:24px 28px}.profile-panel h2{margin-top:0}.profile-panel dl{grid-template-columns:180px 1fr;gap:16px;display:grid}.profile-panel dt{color:var(--muted)}.profile-panel dd{overflow-wrap:anywhere;margin:0}.billing-history section{margin:36px 0}.billing-history table{border-collapse:collapse;width:100%}.table-scroll{overflow-x:auto}@media (max-width:700px){.profile-panel{padding:20px}.profile-panel dl{grid-template-columns:1fr;gap:8px}.profile-panel dd{margin-bottom:12px}}.workspace-actions{align-items:center}.workspace-actions .button{margin:0}.workspace-filter input,.workspace-filter select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:52px;color:var(--ink);font:inherit;border-radius:4px;padding:12px 14px}.workspace-filter .button{min-height:52px;margin:0}.workspace-song h2{font-family:inherit}.upload-file-input{display:none}.upload-file-choice{flex-wrap:wrap;align-items:center;gap:18px;max-width:100%;display:flex}.upload-file-choice .button{margin:0}.upload-file-name{overflow-wrap:anywhere;color:var(--muted)}.public-nav-links{flex-wrap:wrap;gap:20px;display:flex}.public-nav-links a[aria-current]{color:var(--accent)}.analysis-progress{border:1px solid var(--green-dark);border-left:4px solid var(--green-dark);background:#83b6b31a;border-radius:5px;align-items:flex-start;gap:20px;margin:24px 0;padding:26px;display:flex}.analysis-progress h2{margin:0 0 12px;font-family:inherit;font-size:24px;font-weight:600;line-height:1.3}.analysis-progress p{max-width:780px;color:var(--ink);margin:0;line-height:1.75}.analysis-spinner{border:3px solid var(--line);border-top-color:var(--green-dark);border-radius:50%;flex-shrink:0;width:30px;height:30px;animation:1s linear infinite analysis-spin}.analysis-indicator{background:var(--line);height:4px;margin-top:20px;overflow:hidden}.analysis-indicator span{background:var(--green-dark);width:35%;height:100%;animation:2s ease-in-out infinite alternate analysis-sweep;display:block}@keyframes analysis-spin{to{transform:rotate(360deg)}}@keyframes analysis-sweep{to{transform:translate(185%)}}@media (max-width:700px){.public-nav-links{flex-basis:100%;gap:22px}.analysis-progress{gap:14px;padding:20px 16px}}@media (prefers-reduced-motion:reduce){.analysis-spinner,.analysis-indicator span{animation:none}}.information-page>p,.guide-article p{max-width:850px;line-height:1.85}.pricing-table{border-collapse:collapse;width:100%;margin:26px 0}.pricing-table th,.pricing-table td{text-align:left;border-bottom:1px solid var(--line);padding:18px}.pricing-table td:last-child{color:var(--accent);font-weight:600}.blog-card{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);margin:36px 0;padding:32px}.blog-card p{max-width:800px;line-height:1.8}.guide-article{max-width:900px}.guide-article section{margin:36px 0}.credit-pack small{font-size:14px}.information-breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:30px;font-size:14px;display:flex}.information-breadcrumbs a:hover{color:var(--accent)}.article-byline{color:var(--muted);font-size:14px}.information-start{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}.information-start p{max-width:850px;line-height:1.8}.home-pricing{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin:64px 0;padding-top:40px;display:grid}.home-pricing-copy p{max-width:560px;color:var(--muted);line-height:1.8}.home-pricing-copy .text-link{color:var(--accent);margin-top:16px}.home-pricing-summary{background:var(--surface-soft);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:4px;min-width:0;padding:28px}.home-pricing-price{line-height:1.6}.home-pricing-price strong{color:var(--accent);white-space:nowrap;font-size:32px;font-weight:500}.home-pricing-price span{color:var(--muted);font-size:14px}.home-pricing-purchase{font-size:14px}.home-pricing-summary dl{margin:24px 0}.home-pricing-summary dl div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;font-size:14px;line-height:1.6;display:flex}.home-pricing-summary dd{white-space:nowrap;color:var(--accent);margin:0}.home-pricing-terms{color:var(--muted);font-size:13px;line-height:1.8}@media (max-width:700px){.home-pricing{grid-template-columns:1fr;gap:24px;margin:44px 0}.home-pricing-summary{padding:22px}}.currency-control{max-width:620px;margin:18px 0}.currency-control label{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.currency-control select{max-width:100%;padding:10px 14px;font-size:14px}.currency-control .note{font-size:13px;line-height:1.7}.home-pricing-summary .currency-control{margin-top:0;margin-bottom:26px}.credit-pack h2,.credit-pack h3{overflow-wrap:anywhere}
