.gen,.result{--accent-h:303;--accent:oklch(0.58 0.21 var(--accent-h));--accent-2:#581c87;--accent-grad:linear-gradient(135deg,oklch(0.57 0.22 303),#581c87);--accent-soft:color-mix(in oklab,var(--accent) 16%,transparent);--good:oklch(0.78 0.16 155);--text:#f3f1f8;--muted:#948da6;--muted-2:#6b647a;--line-2:hsla(0,0%,100%,.12);--card:hsla(0,0%,100%,.022);--card-2:hsla(0,0%,100%,.04);color:var(--text)}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}}.gen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 0;max-width:760px;margin:0 auto}.gen-ring{position:relative;width:230px;height:230px;margin-bottom:8px}.gen-ring-svg{width:100%;height:100%;display:block}.gen-ring-track{fill:none;stroke:hsla(0,0%,100%,.07);stroke-width:9}.gen-ring-fill{fill:none;stroke:url(#genGrad);stroke-width:9;filter:drop-shadow(0 0 10px color-mix(in oklab,var(--accent) 65%,transparent))}.gen-ring:before{content:"";position:absolute;inset:26px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 28%,transparent),transparent 68%);filter:blur(14px);animation:genGlow 2.6s ease-in-out infinite}@keyframes genGlow{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}}.gen-ring.done .gen-ring-fill{stroke:var(--good);filter:drop-shadow(0 0 12px color-mix(in oklab,var(--good) 70%,transparent))}.gen-ring.done:before{background:radial-gradient(circle,color-mix(in oklab,var(--good) 30%,transparent),transparent 68%)}.gen-ring-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.gen-pct{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:var(--text)}.gen-pct i{font-style:normal;font-size:24px;font-weight:600;color:var(--muted);margin-left:2px}.gen-ring-check{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--good),oklch(.6 .16 165));box-shadow:0 12px 30px -10px var(--good);animation:checkPop .5s cubic-bezier(.2,1.3,.4,1)}@keyframes checkPop{0%{transform:scale(.4);opacity:0}}.gen-eq{display:flex;align-items:flex-end;gap:4px;height:26px}.gen-eq span{width:4px;border-radius:3px;background:var(--accent-grad);height:calc(var(--h) * 100%);transform-origin:bottom;animation:eqBounce .95s ease-in-out infinite alternate}@keyframes eqBounce{0%{transform:scaleY(.32);opacity:.55}to{transform:scaleY(1);opacity:1}}.gen-title{font-size:28px;font-weight:700;letter-spacing:-.025em;margin-top:20px}.gen-prompt{color:var(--muted);font-size:15px;margin-top:10px;max-width:440px;text-wrap:balance;font-style:italic}.gen-status{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px}.gen-status-step{font-weight:600;color:oklch(.8 .13 var(--accent-h))}.gen-status-dot{color:var(--muted-2)}.gen-status-eta{color:var(--muted);font-variant-numeric:tabular-nums}.gen-pips{display:flex;align-items:center;gap:10px;margin-top:20px}.gen-pip{width:22px;height:8px;border-radius:20px;background:hsla(0,0%,100%,.1);display:grid;place-items:center;color:#fff;transition:all .4s cubic-bezier(.3,.8,.3,1)}.gen-pip.active{width:40px;background:var(--accent-grad);box-shadow:0 0 12px -3px var(--accent)}.gen-pip.done{background:color-mix(in oklab,var(--good) 55%,transparent)}.gen-pip svg{opacity:.9}.gen-cancel{margin-top:32px;padding:11px 24px;border-radius:11px;font-size:14px;font-weight:600;color:var(--muted);border:1px solid var(--line-2);background:hsla(0,0%,100%,.02);transition:.15s;cursor:pointer}.gen-cancel:hover{color:var(--text);background:var(--card-2)}.ply{display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.03);border:1px solid var(--line-2);border-radius:14px;padding:9px 12px}.ply-btn{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;color:#fff;background:var(--accent-grad);box-shadow:0 6px 18px -7px var(--accent);transition:.15s;border:none;cursor:pointer}.ply-btn:hover{filter:brightness(1.08)}.ply-btn.on{transform:scale(.97)}.ply-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;min-width:30px}.ply-dur{text-align:right}.ply-wave{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:2px;cursor:pointer}.ply-bar{flex:1;min-width:0;border-radius:2px;background:var(--line-2);transition:background .1s}.ply-bar.on{background:oklch(.72 .17 var(--accent-h))}.result{padding-bottom:30px;width:100%;margin:0 auto}.result-head{text-align:center;margin-bottom:30px}.result-badge{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;font-size:12.5px;font-weight:700;letter-spacing:.04em;padding:6px 14px;border-radius:20px;color:var(--good);background:color-mix(in oklab,var(--good) 16%,transparent)}.result-title{font-size:32px;font-weight:700;letter-spacing:-.025em}.result-sub{color:var(--muted);font-size:15.5px;margin-top:10px}.result-list{display:flex;flex-direction:column;gap:16px}.track-card{display:flex;gap:18px;align-items:stretch;background:var(--card);border:1px solid var(--line-2);border-radius:20px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s}.track-card:hover{border-color:color-mix(in oklab,var(--accent-2) 45%,transparent);transform:translateY(-2px);box-shadow:0 18px 44px -24px var(--accent)}.track-cover{position:relative;width:92px;height:92px;border-radius:16px;flex-shrink:0;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,oklch(.62 .2 var(--ch)),oklch(.46 .18 calc(var(--ch) + 22)));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),0 12px 30px -14px oklch(.5 .2 var(--ch))}.track-cover svg{animation:spinDisc 8s linear infinite}@keyframes spinDisc{to{transform:rotate(1turn)}}.track-cover-tag{position:absolute;bottom:7px;right:7px;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;background:rgba(0,0,0,.4);backdrop-filter:blur(4px)}.track-main{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:18px}.track-main>.ply{flex:1;min-width:0}.track-meta{min-width:160px;max-width:220px;flex-shrink:0}.track-name{font-size:20px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:10px}.track-card.loading{border-color:color-mix(in oklab,var(--accent-2) 35%,transparent)}.track-pending-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;color:color-mix(in oklab,var(--accent-2) 55%,#fff);background:color-mix(in oklab,var(--accent-2) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent-2) 30%,transparent)}.track-pending-dot{width:6px;height:6px;border-radius:999px;background:var(--accent-2);animation:vc-pulse 1.2s ease-in-out infinite}.track-sub{color:var(--muted);margin-top:4px}.track-prompt,.track-sub{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-prompt{color:var(--muted-2);margin-top:8px;font-style:italic}.track-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.track-ic{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line-2);background:hsla(0,0%,100%,.02);transition:.15s;cursor:pointer}.track-ic:hover{color:var(--text);background:var(--card-2)}.track-ic.liked{color:oklch(.7 .2 12);border-color:transparent;background:color-mix(in oklab,oklch(.6 .2 12) 16%,transparent)}.track-ic.liked svg{fill:currentColor}.track-ic.primary{color:#fff;background:var(--accent-grad);border-color:transparent;box-shadow:0 8px 22px -10px var(--accent)}.track-ic.primary:hover{filter:brightness(1.08)}.result-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}.sg-btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;border-radius:12px;border:none;cursor:pointer;font-family:inherit}.sg-btn-lg{padding:15px 30px;font-size:16px;border-radius:14px}.sg-btn-primary{background:var(--accent-grad);color:#fff;box-shadow:0 8px 26px -10px var(--accent)}.sg-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.sg-btn-ghost{border:1px solid var(--line-2);color:var(--text);background:hsla(0,0%,100%,.02)}.lyrics-overlay{position:fixed;inset:0;z-index:90;background:rgba(6,4,12,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .2s ease both}.lyrics-panel{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(440px,92vw);background:linear-gradient(180deg,#0c0816,#08060f);border-left:1px solid var(--line-2);box-shadow:-32px 0 80px -24px rgba(0,0,0,.6);display:flex;flex-direction:column;animation:slide-in-right .28s cubic-bezier(.22,1,.36,1) both}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lyrics-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line-2);flex-shrink:0}.lyrics-head-l{min-width:0;flex:1}.lyrics-title{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.lyrics-sub,.lyrics-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.lyrics-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);background:hsla(0,0%,100%,.02);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.15s;flex-shrink:0}.lyrics-close:hover{color:var(--text);background:var(--card-2);border-color:color-mix(in oklab,var(--accent-2) 40%,transparent)}.lyrics-body{flex:1;overflow-y:auto;padding:22px 24px 32px;font-size:15px;line-height:1.7;color:color-mix(in oklab,var(--text) 92%,transparent);white-space:pre-wrap;word-wrap:break-word}.lyrics-body.empty{color:var(--muted-2);font-style:italic}.sg-btn-ghost:hover{background:var(--card-2)}@media (max-width:768px){.track-card{flex-direction:column}.track-cover{width:64px;height:64px}.track-main{flex-direction:column;align-items:stretch;gap:12px}.track-meta{min-width:0;max-width:none}}