:root{--bg:#0a0a10;--panel:#12121b;--panel-2:#181824;--line:rgba(255,255,255,.09);--text:#f7f6fb;--muted:#9b99aa;--purple:#9b8cff;--mint:#42e6c6;--coral:#ff806b;--shadow:0 28px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Inter","SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.14;pointer-events:none}.ambient-one{width:520px;height:520px;background:var(--purple);top:-260px;right:-100px}.ambient-two{width:420px;height:420px;background:var(--mint);left:-260px;top:50%}
.site-header{width:min(1180px,calc(100% - 40px));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(155,140,255,.32);border-radius:13px;background:linear-gradient(145deg,rgba(155,140,255,.18),rgba(66,230,198,.08));box-shadow:inset 0 0 18px rgba(155,140,255,.08)}.brand-mark svg{width:25px;fill:none;stroke:url(#x);stroke:var(--mint);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.brand-mark ellipse{fill:var(--purple);stroke:none}.brand>span:last-child{display:flex;align-items:baseline;gap:8px}.brand strong{font-size:19px;letter-spacing:.08em}.brand small{text-transform:uppercase;color:#686679;font-size:9px;letter-spacing:.2em}.header-actions{display:flex;align-items:center;gap:12px}.model-chip,.health-badge{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:8px 12px;font-size:12px;color:var(--muted)}.health-badge{display:flex;align-items:center;gap:7px}.health-badge i{width:7px;height:7px;border-radius:50%;background:#777}.health-badge.is-online i{background:var(--mint);box-shadow:0 0 10px var(--mint)}.health-badge.is-offline i{background:var(--coral)}
main{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:430px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:60px 24px 54px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:.14em}.eyebrow span{display:block;width:26px;height:1px;background:var(--mint)}h1{font-size:clamp(48px,6vw,76px);line-height:1.06;letter-spacing:-.055em;margin:24px 0 22px;max-width:700px}h1 em{font-style:normal;background:linear-gradient(100deg,var(--purple),#c4baff 45%,var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:580px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}.hero-notes{display:flex;gap:18px;margin-top:30px;color:#c5c3cf;font-size:12px}.hero-notes span{display:flex;align-items:center;gap:7px}.hero-notes span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--purple)}
.visualizer{height:290px;position:relative;display:grid;place-items:center}.vinyl{position:relative;width:245px;height:245px;border-radius:50%;background:repeating-radial-gradient(circle at center,#171720 0 3px,#0e0e15 4px 7px);box-shadow:0 34px 70px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.05);animation:spin 22s linear infinite}.vinyl:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(155,140,255,.16);border-radius:50%}.vinyl-ring{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset:35px}.vinyl-ring.ring-b{inset:68px}.vinyl-label{position:absolute;inset:83px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--purple),#6156a6);box-shadow:0 0 36px rgba(155,140,255,.35)}.vinyl-label:after{content:"";width:8px;height:8px;border-radius:50%;background:#09090f;position:absolute}.vinyl-label span{font-size:9px;letter-spacing:.18em;line-height:1.4;color:rgba(255,255,255,.82)}.equalizer{position:absolute;right:0;bottom:10px;height:90px;width:190px;display:flex;align-items:flex-end;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(14,14,21,.72);backdrop-filter:blur(14px);transform:rotate(-3deg);box-shadow:var(--shadow)}.equalizer i{width:7px;height:var(--h);border-radius:8px;background:linear-gradient(to top,var(--purple),var(--mint));animation:bounce 1.5s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:-.5s}.equalizer i:nth-child(3n){animation-delay:-.9s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{to{height:25%}}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:20px;align-items:stretch}.creator-card,.result-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow)}.creator-card{padding:30px}.result-card{padding:30px;min-height:730px;position:relative;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-heading>div{display:flex;align-items:center;gap:11px}.card-heading h2{font-size:20px;margin:0}.step-number{font-size:10px;color:var(--purple);font-weight:800;letter-spacing:.1em}.quota-text,.result-status{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 10px}.result-status{color:var(--mint);border-color:rgba(66,230,198,.2)}
.prompt-box{display:block;border:1px solid rgba(155,140,255,.28);border-radius:18px;background:#0d0d14;transition:.2s;overflow:hidden}.prompt-box:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(155,140,255,.08)}.prompt-box textarea{display:block;width:100%;height:128px;border:0;resize:none;outline:0;padding:18px 18px 8px;background:transparent;color:var(--text);font-size:15px;line-height:1.65}.prompt-box textarea::placeholder{color:#5e5c6c}.prompt-meta{display:flex;justify-content:space-between;padding:8px 18px 14px;color:#666475;font-size:10px}.prompt-meta b{font-weight:500}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.suggestions button{border:1px solid var(--line);border-radius:999px;background:transparent;color:#878596;font-size:10px;padding:7px 10px;cursor:pointer}.suggestions button:hover{border-color:rgba(155,140,255,.45);color:#c9c5e7}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:8px}.field>span,.mode-copy strong,.duration-row strong{font-size:12px;color:#c8c6d0;font-weight:600}.field small{font-weight:400;color:#666475}.field select,.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#0e0e15;color:#e8e7ed;outline:none;padding:11px 12px;font-size:12px;transition:.2s}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#747182 50%),linear-gradient(135deg,#747182 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 12px) 16px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.field select:focus,.field input:focus,.field textarea:focus{border-color:rgba(155,140,255,.65)}.full-field{margin-top:15px}.lyrics-field textarea{height:120px;resize:vertical;line-height:1.6}.mode-row,.duration-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.mode-copy,.duration-row>div:first-child{display:grid;gap:4px}.mode-copy span,.duration-row>div:first-child span{font-size:10px;color:#706e7d}.segmented{display:flex;background:#0b0b11;padding:4px;border-radius:12px;border:1px solid var(--line)}.segmented button{border:0;background:transparent;color:#777586;padding:8px 13px;border-radius:8px;font-size:11px;cursor:pointer}.segmented button.is-active{background:#252333;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.25)}.duration-options{display:flex;gap:7px}.duration-options input{position:absolute;opacity:0;pointer-events:none}.duration-options span{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:#7f7d8d;font-size:10px;cursor:pointer}.duration-options input:checked+span{color:#fff;border-color:var(--purple);background:rgba(155,140,255,.12)}.generate-button{width:100%;height:54px;margin-top:24px;border:0;border-radius:15px;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;background:linear-gradient(100deg,#7767e8,var(--purple) 55%,#73d6c5);color:#09090d;font-weight:800;cursor:pointer;box-shadow:0 14px 34px rgba(126,110,231,.24);transition:transform .2s,filter .2s}.generate-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.generate-button:disabled{cursor:not-allowed;filter:saturate(.3);transform:none}.button-icon{font-size:17px}.button-arrow{font-size:20px}.privacy-note{text-align:center;color:#5f5d6a;font-size:10px;margin:12px 0 0}
.empty-result,.working-result,.failed-result{min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-orbit{position:relative;width:128px;height:128px;border:1px solid rgba(155,140,255,.2);border-radius:50%;display:grid;place-items:center;margin-bottom:28px}.empty-orbit:before,.empty-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;inset:16px}.empty-orbit:after{inset:37px}.empty-orbit span{font-size:28px;color:var(--purple)}.empty-orbit i{position:absolute;width:7px;height:7px;background:var(--mint);border-radius:50%;top:18px;left:20px;box-shadow:0 0 15px var(--mint)}.empty-orbit i:last-child{top:auto;left:auto;right:7px;bottom:36px;width:4px;height:4px;background:var(--purple)}.empty-result h3,.working-result h3,.failed-result h3{font-size:15px;margin:0 0 9px}.empty-result p,.working-result p,.failed-result p{font-size:11px;color:var(--muted);margin:0;max-width:300px;line-height:1.7}.working-art{width:170px;height:170px;display:grid;place-items:center;margin-bottom:24px}.pulse-disc{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#20202d 0 3px,#111119 4px 7px);box-shadow:0 0 0 18px rgba(155,140,255,.04),0 0 0 36px rgba(155,140,255,.025);animation:pulse 1.7s ease-in-out infinite}.pulse-disc span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:#0d0d13}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 0 24px rgba(155,140,255,.05),0 0 0 50px rgba(155,140,255,.015)}}.progress-track{width:min(280px,80%);height:4px;background:#252432;border-radius:99px;margin:25px 0 10px;overflow:hidden}.progress-track i{display:block;width:5%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--mint));transition:width .5s}.working-result>span{font-size:10px;color:#757383}.completed-result{padding-top:16px}.cover-art{height:260px;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(66,230,198,.4),transparent 28%),radial-gradient(circle at 28% 65%,rgba(155,140,255,.55),transparent 36%),#171624;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.cover-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:var(--purple);filter:blur(70px);opacity:.35;left:25%;top:20%}.cover-note{position:absolute;inset:0;display:grid;place-items:center;font-size:56px;text-shadow:0 10px 30px rgba(0,0,0,.4)}.cover-lines{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:9px}.cover-lines i{width:6px;border-radius:9px;background:rgba(255,255,255,.16);height:22%}.cover-lines i:nth-child(2),.cover-lines i:nth-child(8){height:38%}.cover-lines i:nth-child(3),.cover-lines i:nth-child(7){height:57%}.cover-lines i:nth-child(4),.cover-lines i:nth-child(6){height:75%}.cover-lines i:nth-child(5){height:90%;background:rgba(255,255,255,.22)}.track-info{padding:20px 2px 12px}.track-info span{text-transform:uppercase;color:var(--mint);font-size:9px;font-weight:700;letter-spacing:.16em}.track-info h3{font-size:22px;margin:7px 0 4px}.track-info p{font-size:11px;color:var(--muted);margin:0}.completed-result audio{width:100%;height:42px;margin-top:7px;filter:invert(1) hue-rotate(180deg);opacity:.84}.track-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.track-actions a,.track-actions button,.failed-result button{border:1px solid var(--line);border-radius:11px;background:#1b1a25;color:#dddbe5;text-align:center;text-decoration:none;padding:11px;cursor:pointer;font-size:11px}.track-actions .download-button{background:var(--text);color:#111;font-weight:700}.prompt-details{margin-top:16px;border-top:1px solid var(--line);padding-top:14px;color:#7e7c8a;font-size:10px}.prompt-details summary{cursor:pointer}.prompt-details p{line-height:1.65}.failed-result>span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,128,107,.1);border:1px solid rgba(255,128,107,.22);color:var(--coral);font-size:25px;margin-bottom:20px}.failed-result button{margin-top:22px;padding:10px 22px}
.how-it-works{margin:70px 0 54px;padding:28px 40px;display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-it-works>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center}.how-it-works span{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(155,140,255,.12);color:var(--purple);font-size:10px}.how-it-works h3{font-size:12px;margin:0 0 4px}.how-it-works p{font-size:10px;color:var(--muted);margin:0}.how-it-works>i{height:1px;background:linear-gradient(90deg,var(--line),rgba(155,140,255,.3),var(--line))}.toast{position:fixed;left:50%;bottom:28px;z-index:200;transform:translate(-50%,20px);padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:#22212c;color:#fff;font-size:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s}.toast.is-visible{transform:translate(-50%,0);opacity:1}footer{width:min(1180px,calc(100% - 40px));margin:auto  auto 28px;display:flex;justify-content:space-between;color:#555361;font-size:10px}footer p{margin:0}
@media(max-width:900px){.model-chip{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 40px}.visualizer{display:none}.studio-grid{grid-template-columns:1fr}.result-card{min-height:620px}.how-it-works{grid-template-columns:1fr;gap:18px}.how-it-works>i{display:none}}
@media(max-width:600px){.site-header,main,footer{width:min(100% - 24px,1180px)}.site-header{height:72px}.brand small{display:none}.health-badge{padding:7px 9px}.health-badge span{font-size:10px}.hero{padding-top:46px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-notes{gap:10px;flex-wrap:wrap}.creator-card,.result-card{padding:20px;border-radius:20px}.card-heading{align-items:flex-start}.quota-text{max-width:115px;text-align:right}.controls-grid{grid-template-columns:1fr}.mode-row,.duration-row{align-items:flex-start;flex-direction:column}.duration-options{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.duration-options span{text-align:center;padding:9px 3px}.result-card{min-height:550px}.empty-result,.working-result,.failed-result{min-height:470px}.cover-art{height:220px}.how-it-works{padding:24px 8px;margin-top:40px}footer{display:grid;gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.cancel-job-button{margin-top:22px;padding:9px 17px;border:1px solid rgba(255,128,107,.25);border-radius:10px;background:rgba(255,128,107,.06);color:#c99b94;font-size:10px;cursor:pointer}.cancel-job-button:hover{border-color:rgba(255,128,107,.55);color:#ffd0c8}.cancel-job-button:disabled{opacity:.45;cursor:wait}
.lyrics-details{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;color:#8d8a9a;font-size:10px}.lyrics-details summary,.history-actions summary{cursor:pointer}.lyrics-details pre,.history-actions pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.75;color:#c8c5d2;max-height:240px;overflow:auto}.library-section{margin-top:34px;padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(18,18,27,.72)}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.library-heading>div{display:flex;align-items:center;gap:10px}.library-heading h2{font-size:17px;margin:0}.library-heading>span,.history-empty{font-size:10px;color:var(--muted)}.history-empty{text-align:center;padding:24px 8px;margin:0}.history-list{display:grid;gap:10px}.history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:15px 17px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#13131c}.history-main h3{font-size:14px;margin:7px 0 4px}.history-main p{font-size:10px;color:var(--muted);margin:0}.history-mode{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:700;letter-spacing:.08em}.history-mode.is-instrumental{background:rgba(155,140,255,.12);color:#bdb3ff}.history-mode.is-vocal{background:rgba(66,230,198,.1);color:var(--mint)}.history-actions{display:flex;align-items:center;gap:12px;font-size:10px}.history-actions details{max-width:260px}.history-actions a{display:inline-block;padding:9px 13px;border-radius:9px;background:var(--text);color:#111;text-decoration:none;font-weight:700;white-space:nowrap}@media(max-width:600px){.library-section{padding:18px}.library-heading{align-items:flex-start}.history-card{grid-template-columns:1fr}.history-actions{justify-content:space-between;align-items:flex-start}}

.dual-version-field{margin-top:14px;padding:13px 14px;display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(66,230,198,.18);border-radius:12px;background:rgba(66,230,198,.04);cursor:pointer}.dual-version-field input{margin-top:2px;accent-color:var(--mint)}.dual-version-field span{display:grid;gap:4px}.dual-version-field strong{font-size:11px;color:#d7d5df}.dual-version-field small{font-size:9px;color:#777586;line-height:1.5}.track-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.track-actions .secondary-download{background:rgba(66,230,198,.12);border-color:rgba(66,230,198,.3);color:var(--mint)}.variant-warning{margin:10px 0 0;padding:9px 11px;border-radius:9px;background:rgba(255,128,107,.08);color:#e5a091;font-size:9px;line-height:1.5}.history-actions{flex-wrap:wrap}
.vocal-options{margin-top:15px;grid-template-columns:repeat(3,minmax(0,1fr))}
.multi-language-field{margin-top:14px;padding:13px 14px;border:1px solid rgba(155,140,255,.2);border-radius:12px;background:rgba(155,140,255,.04)}.multi-language-field>label{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.multi-language-field input{accent-color:var(--purple)}.multi-language-field>label>input{margin-top:2px}.multi-language-field>label span{display:grid;gap:4px}.multi-language-field strong{font-size:11px;color:#d7d5df}.multi-language-field small,.multi-language-field p{font-size:9px;color:#777586;line-height:1.5}.additional-language-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.additional-language-options label{position:relative}.additional-language-options input{position:absolute;opacity:0;pointer-events:none}.additional-language-options span{display:block;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#8d899b;font-size:10px;cursor:pointer}.additional-language-options input:checked+span{border-color:rgba(155,140,255,.55);background:rgba(155,140,255,.16);color:#eeeaff}.multi-language-field p{margin:10px 0 0;color:#9993b5}.language-versions{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 8px}.language-versions button{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#12121b;color:#858293;font-size:10px;cursor:pointer}.language-versions button.is-active{border-color:rgba(155,140,255,.55);background:rgba(155,140,255,.16);color:#eeeaff}.history-language-select{max-width:150px;border:1px solid var(--line);border-radius:8px;background:#11111a;color:#ddd9e6;padding:7px 9px;font-size:10px}
.voice-profile-field{margin-top:14px;padding:14px;border:1px solid rgba(66,230,198,.2);border-radius:12px;background:rgba(66,230,198,.04)}.voice-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.voice-profile-heading>label{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.voice-profile-heading input,.voice-consent input{margin-top:2px;accent-color:var(--mint)}.voice-profile-heading span{display:grid;gap:4px}.voice-profile-heading strong{font-size:11px;color:#d7d5df}.voice-profile-heading small,.voice-tip,.voice-consent span{font-size:9px;color:#777586;line-height:1.5}.voice-profile-heading button,.voice-upload-row button{border:1px solid var(--line);border-radius:9px;background:#191923;color:#bbb8c5;padding:8px 10px;font-size:9px;cursor:pointer}.voice-profile-field>p{margin:10px 0;color:#a7c9c2;font-size:10px}.voice-upload-row{display:grid;grid-template-columns:1fr auto;gap:8px}.voice-upload-row input{min-width:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:#0e0e15;color:#aaa7b5;font-size:9px}.voice-consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px;cursor:pointer}.voice-tip{display:block;margin-top:7px}.voice-profile-heading button:disabled,.voice-upload-row button:disabled{opacity:.45;cursor:wait}@media(max-width:600px){.voice-upload-row{grid-template-columns:1fr}.voice-profile-heading{align-items:flex-start}}
@media(max-width:800px){.vocal-options{grid-template-columns:1fr}}
.lyrics-timing-note{margin:10px 0 0;padding:9px 11px;border:1px solid rgba(255,190,92,.18);border-radius:9px;background:rgba(255,190,92,.05);color:#b6a47f;font-size:9px;line-height:1.6;text-align:center}

/* Author styles such as display:flex/grid otherwise override the browser's hidden rule. */
[hidden]{display:none!important}
.engine-field{margin:14px 0 0;padding:13px 14px;border:1px solid rgba(155,140,255,.2);border-radius:12px;background:rgba(155,140,255,.04)}.engine-field select{margin-top:7px}.engine-hint{display:block;margin-top:7px;color:#8f8a9d;font-size:9px;line-height:1.55}.engine-field select option:disabled{color:#66616f}
.voice-profile-field.is-error{border-color:rgba(255,128,107,.5);background:rgba(255,128,107,.06)}.voice-profile-field.is-error>p{color:#ffb0a2}
.prompt-box.is-invalid{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,128,107,.1)}
.track-actions .lyrics-download{background:rgba(155,140,255,.12);border-color:rgba(155,140,255,.28);color:#cfc8ff;font-weight:700}
.preview-variants{display:flex;gap:7px;margin-top:10px}.preview-variants button{flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#12121b;color:#777586;font-size:10px;cursor:pointer}.preview-variants button.is-active{border-color:rgba(66,230,198,.35);background:rgba(66,230,198,.1);color:var(--mint)}.history-actions audio{width:220px;height:34px;filter:invert(1) hue-rotate(180deg);opacity:.82}@media(max-width:600px){.history-actions audio{width:100%}}

.auth-button,.balance-button,.user-actions>button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#d8d6df;padding:8px 12px;font-size:11px;cursor:pointer}.auth-button{border-color:rgba(155,140,255,.32);color:#d5cfff}.balance-button{border-color:rgba(66,230,198,.25);color:var(--mint)}.user-actions{position:relative}.user-menu{position:absolute;z-index:20;right:0;top:42px;min-width:150px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#181721;box-shadow:var(--shadow)}.user-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#d4d1dd;text-align:left;font-size:11px;cursor:pointer}.user-menu button:hover{background:rgba(255,255,255,.06)}.quota-text{background:transparent;cursor:pointer}.track-actions .bundle-download{background:linear-gradient(100deg,rgba(155,140,255,.18),rgba(66,230,198,.14));border-color:rgba(155,140,255,.3);color:#e3ddff;font-weight:700}.karaoke-lyrics{min-height:112px;margin-top:12px;padding:17px 18px;border:1px solid rgba(155,140,255,.2);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(155,140,255,.1),transparent 70%),#0e0e16;text-align:center;overflow:hidden}.karaoke-lyrics p{min-height:18px;margin:3px 0;color:#666475;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.karaoke-lyrics strong{display:block;margin:9px 0;color:#fff;font-size:15px;line-height:1.5;text-shadow:0 0 18px rgba(155,140,255,.5)}
.modal-open{overflow:hidden}.modal-shell{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,5,10,.78);backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(430px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,#1a1925,#111119);box-shadow:0 36px 100px rgba(0,0,0,.6)}.recharge-card{width:min(620px,100%)}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.05);color:#aaa7b6;font-size:22px;cursor:pointer}.modal-eyebrow{margin:0 0 8px;color:var(--mint);font-size:9px;font-weight:800;letter-spacing:.18em}.modal-card h2{margin:0 0 19px;font-size:24px}.modal-hint{color:var(--muted);font-size:11px;line-height:1.65}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#0c0c12}.auth-tabs button,.payment-methods button{border:0;border-radius:8px;background:transparent;color:#777586;padding:9px;cursor:pointer}.auth-tabs button.is-active,.payment-methods button.is-active{background:#2a2838;color:#fff}.modal-card form{display:grid;gap:13px}.modal-card form label{display:grid;gap:7px}.modal-card form label span{color:#b9b6c3;font-size:11px}.modal-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0c0c13;color:#fff;outline:0}.modal-card input:focus{border-color:var(--purple)}.modal-primary{width:100%;margin-top:6px;padding:13px;border:0;border-radius:11px;background:linear-gradient(100deg,var(--purple),var(--mint));color:#101016;font-weight:800;cursor:pointer}.modal-primary:disabled{opacity:.4;cursor:not-allowed}.plan-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.plan-card{display:grid;gap:5px;padding:15px 12px;border:1px solid var(--line);border-radius:13px;background:#101018;color:#fff;text-align:left;cursor:pointer}.plan-card span{color:var(--muted);font-size:10px}.plan-card b{margin-top:8px;color:var(--mint);font-size:18px}.plan-card.is-active{border-color:var(--purple);box-shadow:0 0 0 2px rgba(155,140,255,.12)}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:12px 0;padding:5px;border:1px solid var(--line);border-radius:11px}.payment-unavailable{grid-column:1/-1;margin:5px;padding:7px;text-align:center;color:#c69389;font-size:11px}.wechat-pay-panel{display:grid;justify-items:center;gap:8px;margin-top:16px;padding:16px;border:1px solid rgba(66,230,198,.2);border-radius:13px;background:rgba(66,230,198,.04)}.wechat-pay-panel img{width:180px;height:180px;padding:8px;background:#fff;border-radius:8px}.wechat-pay-panel strong{font-size:12px}.wechat-pay-panel span{color:var(--muted);font-size:10px}.order-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.order-section h3{margin:0 0 10px;font-size:12px}.order-list{display:grid;gap:7px}.order-list>div{display:flex;justify-content:space-between;gap:12px;color:#aaa7b4;font-size:10px}.order-list p{margin:0;color:#666475;font-size:10px}.order-paid{color:var(--mint)}.order-pending{color:#e8c77e}
@media(max-width:700px){.health-badge{display:none}.header-actions{gap:6px}.balance-button{display:none!important}.auth-button,.user-actions>button{padding:7px 9px}.plan-list{grid-template-columns:1fr}.modal-card{padding:24px 20px}.karaoke-lyrics strong{font-size:13px}}
.history-karaoke{flex:1 1 220px;min-width:180px;padding:8px 11px;border:1px solid rgba(155,140,255,.16);border-radius:9px;background:rgba(155,140,255,.05);color:#ded9ff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.auth-gated>.site-header,body.auth-gated>main,body.auth-gated>footer{display:none}
body.auth-gated #authModal .modal-close{display:none}
body.auth-gated #authModal{background:radial-gradient(circle at 50% 15%,rgba(155,140,255,.17),transparent 38%),rgba(5,5,10,.96)}
.auth-error{margin:0;padding:10px 12px;border:1px solid rgba(255,128,107,.3);border-radius:9px;background:rgba(255,128,107,.08);color:#ffb0a2;font-size:11px;line-height:1.5}

/* 卡拉OK逐字高亮：已唱字变色，当前唱到的字放大突出 */
.karaoke-lyrics strong .karaoke-char{display:inline-block;color:#8f8ca3;transition:color .12s ease,transform .12s ease,font-size .12s ease}
.karaoke-lyrics strong .karaoke-char.sung{color:#42e6c6}
.karaoke-lyrics strong .karaoke-char.active{color:#fff;font-size:1.4em;font-weight:800;transform:translateY(-1px);text-shadow:0 0 14px rgba(155,140,255,.85)}

/* 唱几句录音 */
.record-row{display:flex;align-items:center;gap:10px;margin:8px 0 2px}
.record-row button{border:1px solid rgba(66,230,198,.3);border-radius:999px;background:rgba(66,230,198,.08);color:#42e6c6;padding:8px 14px;font-size:12px;cursor:pointer}
.record-row button:hover{background:rgba(66,230,198,.16)}
.record-row button:disabled{opacity:.6;cursor:default}
.record-row span{color:#8f8ca3;font-size:11px}