:root{--bg:#0a0612;--bg2:#120a1f;--panel:#171026;--panel2:#1c1330;--violet-deep:#5b21b6;--violet:#7c3aed;--violet-br:#8b5cf6;--accent-hi:#d6c8ff;--paper:#ede9fe;--dim:#9b98a8;--dim2:#6e6a7a;--ff-body:"Manrope",system-ui,sans-serif;--ff-disp:"Unbounded",sans-serif;--ff-word:"Archivo",sans-serif;--ease:cubic-bezier(.16,1,.3,1);--glass:#ffffff0d;--glass-brd:#ffffff1a;--line:#ffffff14;--c-songs:#a855f7;--c-text:#f5922b;--c-beats:#3b82f6;--c-cover:#ec4899;--c-covers:#22c55e;--c-split:#14b8a6;--songs-vivid:linear-gradient(105deg,#7c3aed,#a855f7 52%,#c77dff);--sb-w:262px;--player-h:0px}.t-songs{--tc:var(--c-songs)}.t-text{--tc:var(--c-text)}.t-beats{--tc:var(--c-beats)}.t-cover{--tc:var(--c-cover)}.t-covers{--tc:var(--c-covers)}.t-split{--tc:var(--c-split)}.mascot-face{background-color:#8b5cf61f;background-image:url(/cabinet/mascot.png);background-position:49% 6%;background-repeat:no-repeat;background-size:228%}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--ff-body);background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}::selection{background:#8b5cf652}h1,h2,h3,h4,p{margin:0}.grain{z-index:120;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-bg{z-index:0;pointer-events:none;background:radial-gradient(54vw 54vh at 80% -8%,#7c3aed2e,#0000 60%),radial-gradient(50vw 52vh at 4% 106%,#5b21b624,#0000 60%);position:fixed;inset:0}.app{z-index:1;grid-template-columns:var(--sb-w) 1fr;height:100dvh;display:grid;position:relative}.sidebar{z-index:2;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0d,#ffffff04);flex-direction:column;min-height:0;display:flex;position:relative}.sb-brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:22px 20px 20px;display:flex}.sb-logo{filter:drop-shadow(0 5px 12px #8b5cf680);background:linear-gradient(150deg,#fff,var(--violet-br) 92%);flex:none;width:40px;height:40px;-webkit-mask:url(/cabinet/logo-fox.svg) 50%/contain no-repeat;mask:url(/cabinet/logo-fox.svg) 50%/contain no-repeat}.sb-word{font-family:var(--ff-word);letter-spacing:.01em;font-size:20px;font-weight:900;line-height:1}.sb-word .w1{color:#fff}.sb-word .w2{color:var(--violet-br)}.sb-nav{scrollbar-width:thin;scrollbar-color:#8b5cf657 transparent;flex-direction:column;flex:1;gap:3px;min-height:0;padding:6px 14px 14px;display:flex;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:8px}.sb-nav::-webkit-scrollbar-thumb{background:#8b5cf64d padding-box padding-box;border:2px solid #0000;border-radius:99px}.sb-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim2);padding:14px 12px 7px;font-size:10.5px;font-weight:700}.sb-item{text-align:left;cursor:pointer;width:100%;color:var(--dim);font-family:var(--ff-body);transition:.2s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14.5px;font-weight:600;display:flex;position:relative}.sb-item .ic{background:color-mix(in srgb, var(--tc,#8b5cf6) 15%, transparent);border:1px solid color-mix(in srgb, var(--tc,#8b5cf6) 28%, transparent);width:34px;height:34px;color:var(--tc,#8b5cf6);transition:.2s var(--ease);border-radius:10px;flex:none;place-items:center;display:grid}.sb-item .ic svg{width:19px;height:19px}.sb-item .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sb-item .tdot{background:var(--tc);width:9px;height:9px;box-shadow:0 0 9px color-mix(in srgb, var(--tc) 70%, transparent);border-radius:50%;flex:none}.sb-item:hover{color:#fff;background:#ffffff0a}.sb-item:hover .ic{background:color-mix(in srgb, var(--tc,#8b5cf6) 22%, transparent)}.sb-item.active{color:#fff;background:color-mix(in srgb, var(--tc,#8b5cf6) 15%, transparent);border-color:color-mix(in srgb, var(--tc,#8b5cf6) 36%, transparent)}.sb-item.active .ic{background:linear-gradient(135deg, var(--tc), color-mix(in srgb, var(--tc) 55%, #000));color:#fff;box-shadow:0 8px 20px -10px var(--tc);border-color:#0000}.sb-item.active:before{content:"";background:var(--tc);width:3px;height:24px;box-shadow:0 0 12px var(--tc);border-radius:0 3px 3px 0;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.sb-sep{background:var(--line);height:1px;margin:12px}.sb-foot{border-top:1px solid var(--line);padding:12px 14px 16px}.sb-profile{cursor:pointer;text-align:left;color:#fff;width:100%;transition:.2s var(--ease);background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;padding:9px 10px;display:flex}.sb-profile:hover{border-color:var(--glass-brd);background:#ffffff0d}.sb-ava{color:#fff;background:linear-gradient(135deg,var(--violet),var(--c-cover));border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.sb-profile .pn{flex:1;min-width:0}.sb-profile .pn b{font-family:var(--ff-body);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;display:block;overflow:hidden}.sb-profile .pn span{color:var(--dim2);font-size:11.5px;display:block}.sb-profile .cog{width:18px;height:18px;color:var(--dim);flex:none}.main{z-index:1;flex-direction:column;min-width:0;height:100dvh;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#0a06129e;flex:none;align-items:stretch;height:74px;padding:0;display:flex}.tb-in{flex:1;align-items:center;gap:18px;width:100%;max-width:1600px;margin-inline:auto;padding:0 clamp(18px,3vw,38px);display:flex}.tb-left{align-items:center;gap:13px;min-width:0;margin-right:auto;display:flex}body[data-view=home] .tb-left,.tb-burger{display:none}.tb-ic{background:color-mix(in srgb, var(--tc,#8b5cf6) 18%, transparent);border:1px solid color-mix(in srgb, var(--tc,#8b5cf6) 32%, transparent);width:40px;height:40px;color:var(--tc,#8b5cf6);transition:.25s var(--ease);border-radius:12px;flex:none;place-items:center;display:grid}.tb-ic svg{width:21px;height:21px}.tb-tt{min-width:0}.tb-title{font-family:var(--ff-disp);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;line-height:1.15;overflow:hidden}.tb-sub{color:var(--dim2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}.tb-right{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.credits{border:1px solid var(--glass-brd);background:#ffffff0b;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;display:flex}.credits .spark{color:#fbbf3c;width:17px;height:17px}.credits .bal{font-family:var(--ff-body);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:800}.credits .cap{color:var(--dim2);font-size:11px;font-weight:600}.tariffs{font-family:var(--ff-body);cursor:pointer;color:#fff;background:linear-gradient(100deg,var(--violet-deep),var(--violet) 55%,var(--violet-br));transition:transform .22s var(--ease), filter .22s;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 19px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 26px -12px #7c3aedd9}.tariffs:hover{filter:brightness(1.08);transform:translateY(-2px)}.tariffs svg{width:16px;height:16px}.tb-ava{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--violet),var(--c-cover));width:40px;height:40px;transition:.2s var(--ease);border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.tb-ava:hover{filter:brightness(1.06);transform:translateY(-1px)}.work{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;flex:1;min-height:0;overflow-y:auto}.work::-webkit-scrollbar{width:11px}.work::-webkit-scrollbar-thumb{background:#8b5cf642 padding-box padding-box;border:3px solid #0000;border-radius:99px}.work::-webkit-scrollbar-thumb:hover{background:#8b5cf673 padding-box padding-box}.work-in{max-width:1600px;padding:clamp(22px,3vw,40px) clamp(18px,3vw,38px) calc(80px + var(--player-h));margin-inline:auto}.view{display:none}.view.show{animation:viewIn .45s var(--ease) both;display:block}@keyframes viewIn{0%{transform:translateY(10px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.view.show{animation:none}}.vh{margin:0 0 6px}.vh-title{font-family:var(--ff-disp);letter-spacing:-.01em;font-size:clamp(21px,2.5vw,28px);font-weight:600}.vh-sub{color:var(--dim);max-width:60ch;margin-top:8px;font-size:14.5px;line-height:1.55}.welcome{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 204px);padding:24px 0 8px;display:flex}.wc-hero{align-items:center;gap:clamp(14px,2.4vw,30px);max-width:760px;margin-bottom:clamp(30px,5vw,52px);display:flex}.wc-fox{aspect-ratio:3/4;flex:none;width:clamp(150px,19vw,210px);position:relative}.wc-fox .ring{filter:blur(8px);background:radial-gradient(circle at 50% 48%,#8b5cf666,#7c3aed1a 46%,#0000 68%);border-radius:50%;width:118%;height:88%;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.wc-fox img{z-index:1;object-fit:contain;filter:drop-shadow(0 26px 42px #7c3aed75);width:100%;height:100%;animation:6.5s ease-in-out infinite foxFloat;position:relative}@keyframes foxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.wc-fox img{animation:none}}.wc-bubble{background:linear-gradient(165deg, var(--panel2), var(--panel));animation:bubbleIn .6s .15s var(--ease) both;border:1px solid #8b5cf64d;border-radius:24px 24px 24px 8px;padding:24px 28px;position:relative;box-shadow:0 30px 70px -36px #000c}@keyframes bubbleIn{0%{transform:translate(-14px)scale(.97)}to{transform:none}}.wc-bubble:before{content:"";background:var(--panel2);border-bottom:1px solid #8b5cf64d;border-left:1px solid #8b5cf64d;border-radius:0 0 0 6px;width:22px;height:22px;position:absolute;bottom:22px;left:-11px;transform:rotate(45deg)}.wc-name{letter-spacing:.02em;color:var(--accent-hi);background:#8b5cf629;border:1px solid #8b5cf652;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.wc-name .on{background:var(--c-covers);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #42c98a33}.wc-bubble h1{font-family:var(--ff-disp);letter-spacing:-.015em;text-wrap:balance;max-width:18ch;font-size:clamp(20px,2.7vw,28px);font-weight:600;line-height:1.22}.wc-bubble h1 em{color:var(--c-songs);font-style:normal}.wc-bubble p{color:var(--dim);max-width:40ch;margin-top:10px;font-size:14.5px;line-height:1.55}.wc-tools{width:100%;max-width:980px}.wc-tools-lbl{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--dim2);margin-bottom:18px;font-size:12.5px;font-weight:700}.tool-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:880px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.tool-grid{grid-template-columns:1fr}}.tcard{cursor:pointer;text-align:left;border:1px solid color-mix(in srgb, var(--tc) 32%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--tc) 20%, #100b1e), color-mix(in srgb, var(--tc) 6%, #0b0716));min-height:172px;transition:transform .4s var(--ease), box-shadow .4s, border-color .3s;border-radius:20px;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.tcard:hover{border-color:color-mix(in srgb, var(--tc) 55%, transparent);box-shadow:0 34px 64px -32px color-mix(in srgb, var(--tc) 80%, #000);transform:translateY(-5px)}.tcard .tic{background:linear-gradient(135deg, var(--tc), color-mix(in srgb, var(--tc) 55%, #000));color:#fff;width:50px;height:50px;box-shadow:0 12px 26px -12px var(--tc);border-radius:14px;flex:none;place-items:center;margin-bottom:15px;display:grid}.tcard .tic svg{width:25px;height:25px}.tcard h3{font-family:var(--ff-disp);color:#fff;font-size:18px;font-weight:600}.tcard p{color:#ffffffbd;margin-top:6px;font-size:13px;line-height:1.5}.tcard .tgo{color:#fff;align-items:center;gap:7px;margin-top:auto;padding-top:14px;font-size:13px;font-weight:700;display:inline-flex}.tcard .tgo svg{width:15px;height:15px;transition:transform .3s var(--ease)}.tcard:hover .tgo svg{transform:translate(4px)}.tcard .tstar{letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.92;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:15px;right:16px}.tcard .tstar svg{width:12px;height:12px}@media (min-width:881px){.tcard.flag{grid-column:span 1}}.gen-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.gen-mini{align-items:center;gap:12px;display:flex}.gen-mini .mf{background:#8b5cf624;border:1px solid #8b5cf652;border-radius:14px;flex:none;width:48px;height:48px;overflow:hidden}.gen-mini .mf img{object-fit:cover;object-position:50% 20%;width:128%;height:128%}.gen-mini .gh-tt h1{font-family:var(--ff-disp);letter-spacing:-.01em;font-size:clamp(20px,2.4vw,26px);font-weight:600}.gen-mini .gh-tt p{color:var(--dim);margin-top:4px;font-size:13.5px}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0 20px;display:flex}.fchip{font-family:var(--ff-body);color:var(--dim);cursor:pointer;border:1px solid var(--glass-brd);transition:.2s var(--ease);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:700;display:inline-flex}.fchip .fdot{background:var(--fc,#9b98a8);border-radius:50%;width:8px;height:8px}.fchip .cnt{color:var(--dim2);font-size:11px;font-weight:700}.fchip:hover{color:#fff;border-color:#ffffff3d}.fchip.on{color:#fff;background:color-mix(in srgb, var(--fc,#fff) 16%, transparent);border-color:color-mix(in srgb, var(--fc,#fff) 50%, #ffffff4d)}.gen-list{flex-direction:column;gap:11px;display:flex}.grow{--tc:var(--c-songs);background:var(--glass);border:1px solid var(--glass-brd);transition:transform .3s var(--ease), border-color .3s, box-shadow .3s;animation:rowIn .4s var(--ease) both;border-top-color:#ffffff24;border-radius:17px;align-items:center;gap:16px;padding:14px 16px;display:flex}@keyframes rowIn{0%{transform:translateY(8px)}to{transform:none}}.grow:hover{border-color:color-mix(in srgb, var(--tc) 38%, transparent);box-shadow:0 22px 48px -32px color-mix(in srgb, var(--tc) 70%, #000);transform:translateY(-2px)}.grow .g-ic{cursor:pointer;background:linear-gradient(150deg, var(--tc), color-mix(in srgb, var(--tc) 42%, #0b0816));color:#fff;border-radius:13px;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.grow .g-ic svg{width:24px;height:24px}.grow .g-ic.thumb .gl{place-items:center;display:grid;position:absolute;inset:0}.grow .g-ic .zoom{opacity:0;background:#08051080;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.grow .g-ic .zoom svg{width:20px;height:20px}.grow .g-ic.thumb:hover .zoom{opacity:1}.g-play{opacity:0;cursor:pointer;color:#fff;background:#08051057;border:0;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.g-play svg{width:22px;height:22px}.grow .g-ic.audio:hover .g-play,.grow.playing .g-ic.audio .g-play{opacity:1}.grow.playing .g-ic.audio .g-play .pl,.g-play .pa{display:none}.grow.playing .g-ic.audio .g-play .pa{display:block}.g-info{flex:1;min-width:0}.g-name{font-family:var(--ff-disp);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;line-height:1.2;overflow:hidden}.g-meta{color:var(--dim2);align-items:center;gap:9px;margin-top:5px;font-size:12px;display:flex}.g-meta .typ{color:var(--tc);font-weight:700}.g-meta .dot-sep{background:var(--dim2);border-radius:50%;width:3px;height:3px}.g-wave{cursor:pointer;flex:1.1;align-items:center;gap:2px;min-width:0;max-width:280px;height:34px;display:flex}@media (max-width:1080px){.g-wave{display:none}}.g-wave .bar{background:#ffffff29;border-radius:2px;flex:1;min-width:2px;transition:background .12s,transform .2s}.g-wave .bar.played{background:linear-gradient(180deg,var(--accent-hi),var(--tc))}.grow.playing .g-wave .bar.active{transform:scaleY(1.25)}.g-dur{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-weight:700}.g-acts{flex:none;align-items:center;gap:8px;display:flex}.g-btn{cursor:pointer;width:40px;height:40px;color:var(--dim);border:1px solid var(--glass-brd);transition:.18s var(--ease);background:#ffffff0d;border-radius:11px;flex:none;place-items:center;display:grid}.g-btn svg{width:18px;height:18px}.g-btn:hover{color:#fff;background:color-mix(in srgb, var(--tc) 20%, transparent);border-color:color-mix(in srgb, var(--tc) 42%, transparent)}.g-btn.dl{color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:auto;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.menu-pop{z-index:95;opacity:0;transform-origin:100% 0;pointer-events:none;min-width:248px;transition:.2s var(--ease);background:linear-gradient(#1a1230,#140e24);border:1px solid #8b5cf64d;border-radius:16px;padding:7px;position:fixed;transform:translateY(-6px)scale(.97);box-shadow:0 36px 80px -28px #000000d9,inset 0 0 0 1px #ffffff0a}.menu-pop.open{opacity:1;pointer-events:auto;transform:none}.menu-pop button{text-align:left;cursor:pointer;color:#e7e3f2;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:11px 13px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.menu-pop button .mi{width:30px;height:30px;color:var(--violet-br);background:#8b5cf624;border:1px solid #8b5cf642;border-radius:9px;flex:none;place-items:center;display:grid}.menu-pop button .mi svg{width:16px;height:16px}.menu-pop button:hover{color:#fff;background:#8b5cf629}.menu-pop .msep{background:var(--line);height:1px;margin:5px 8px}.lb-scrim{z-index:110;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#05030abd;place-items:center;padding:24px;transition:opacity .28s;display:grid;position:fixed;inset:0}body.lb-open .lb-scrim{opacity:1;pointer-events:auto}.lb{width:min(540px,100%);max-height:calc(100dvh - 44px);transition:.32s var(--ease);scrollbar-width:thin;scrollbar-color:#ec489966 transparent;background:linear-gradient(#15101f,#100c1a);border:1px solid #8b5cf64d;border-radius:24px;overflow:hidden auto;transform:scale(.94);box-shadow:0 50px 100px -30px #000000d9}body.lb-open .lb{transform:none}.lb-img{aspect-ratio:1;background:linear-gradient(150deg, var(--lc,#ec6a9c), color-mix(in srgb, var(--lc,#ec6a9c) 30%, #0b0816));place-items:center;display:grid;position:relative;overflow:hidden}.lb-img .glyph{color:#ffffffeb;width:88px;height:88px}.lb-img .cap{font-family:var(--ff-disp);color:#fff;text-shadow:0 2px 16px #0000008c;font-size:21px;font-weight:600;position:absolute;bottom:18px;left:20px}.lb-foot{align-items:center;gap:12px;padding:18px 20px;display:flex}.lb-foot .lt{flex:1;min-width:0}.lb-foot .lt b{font-family:var(--ff-disp);font-size:16px;font-weight:600;display:block}.lb-foot .lt span{color:var(--dim2);font-size:12.5px}.lb-dl{cursor:pointer;color:#fff;background:linear-gradient(100deg,var(--violet-deep),var(--violet) 55%,var(--violet-br));transition:.2s var(--ease);border:0;border-radius:13px;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 14px 30px -16px #7c3aede6}.lb-dl:hover{filter:brightness(1.08);transform:translateY(-2px)}.lb-dl svg{width:17px;height:17px}.lb-x{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08051080;border:1px solid #fff3;border-radius:11px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.lb-x:hover{background:#080510cc}.lb-x svg{width:18px;height:18px}.player-bar{z-index:60;transition:transform .4s var(--ease);pointer-events:none;padding:0 clamp(14px,2.6vw,30px);position:absolute;bottom:0;left:0;right:0;transform:translateY(120%)}.player-bar.up{pointer-events:auto;transform:none}.pb-in{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#1c1330eb,#120c1ff5);border:1px solid #8b5cf647;border-radius:18px;align-items:center;gap:18px;max-width:1180px;margin:0 auto 14px;padding:12px 16px;display:flex;box-shadow:0 30px 70px -26px #000000d9}.pb-track{flex:none;align-items:center;gap:13px;width:248px;min-width:0;display:flex}.pb-cov{color:#fff;background:linear-gradient(150deg,var(--ptc,#9b7bf2),color-mix(in srgb,var(--ptc,#9b7bf2) 42%,#0b0816));border-radius:12px;flex:none;place-items:center;width:50px;height:50px;display:grid}.pb-cov svg{width:24px;height:24px}.pb-track .pt{min-width:0}.pb-track .pt b{font-family:var(--ff-disp);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.pb-track .pt span{color:var(--dim2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.pb-ctr{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.pb-btns{align-items:center;gap:14px;display:flex}.pb-mini{cursor:pointer;width:34px;height:34px;color:var(--dim);background:0 0;border:0;border-radius:50%;place-items:center;transition:all .18s;display:grid}.pb-mini:hover{color:#fff}.pb-mini svg{width:19px;height:19px}.pb-play{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--ptc,#9b7bf2),color-mix(in srgb,var(--ptc,#9b7bf2) 58%,#000));width:46px;height:46px;box-shadow:0 12px 26px -12px var(--ptc,#9b7bf2);border:0;border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}.pb-play:hover{transform:scale(1.06)}.pb-play svg{width:21px;height:21px}.pb-play .pa,.player-bar.playing .pb-play .pl{display:none}.player-bar.playing .pb-play .pa{display:block}.pb-prog{align-items:center;gap:11px;width:100%;max-width:520px;display:flex}.pb-time{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px;font-weight:700}.pb-rail{cursor:pointer;background:#ffffff1f;border-radius:99px;flex:1;height:6px;position:relative;overflow:hidden}.pb-fill{background:linear-gradient(90deg,var(--accent-hi),var(--ptc,#9b7bf2));border-radius:99px;width:0%;position:absolute;top:0;bottom:0;left:0}.pb-right{flex:none;justify-content:flex-end;align-items:center;gap:12px;width:248px;display:flex}.pb-vol{color:var(--dim);align-items:center;gap:8px;display:flex}.pb-vol svg{flex:none;width:19px;height:19px}.pb-volrail{cursor:pointer;background:#ffffff24;border-radius:99px;width:84px;height:5px;position:relative}.pb-volfill{background:var(--dim);border-radius:99px;width:72%;position:absolute;top:0;bottom:0;left:0}.pb-dl{cursor:pointer;color:#fff;border:1px solid var(--glass-brd);background:#ffffff0f;border-radius:11px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.pb-dl:hover{background:color-mix(in srgb,var(--ptc,#9b7bf2) 22%,transparent);border-color:color-mix(in srgb,var(--ptc,#9b7bf2) 44%,transparent)}.pb-dl svg{width:16px;height:16px}.pb-x{border:1px solid var(--glass-brd);width:36px;height:36px;color:var(--dim);cursor:pointer;background:#ffffff0a;border-radius:10px;place-items:center;transition:all .18s;display:grid}.pb-x:hover{color:#fff;background:#ffffff1a}.pb-x svg{width:17px;height:17px}@media (max-width:880px){.pb-track{width:auto}.pb-right .pb-vol{display:none}.pb-right{width:auto}.pb-prog{max-width:none}}@media (max-width:560px){.pb-dl span{display:none}.pb-dl{padding:10px}}
.mode-switch{border:1px solid var(--glass-brd);background:#ffffff0d;border-radius:14px;gap:5px;margin-bottom:24px;padding:5px;display:inline-flex}.mode-switch button{font-family:var(--ff-body);color:var(--dim);cursor:pointer;transition:.2s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;display:inline-flex}.mode-switch button svg{width:16px;height:16px}.mode-switch button:hover{color:#fff}.mode-switch button.on{color:#fff;background:var(--songs-vivid);box-shadow:0 10px 26px -10px #a855f7,inset 0 0 0 1px #c77dff73}.gen-pane{display:none}.gen-pane.show{animation:viewIn .4s var(--ease) both;display:block}.chatwrap{--tc:var(--c-songs);max-width:760px;margin:0}.cm{animation:msgIn .4s var(--ease) both;gap:13px;margin-bottom:18px;display:flex}@keyframes msgIn{0%{transform:translateY(10px)}to{transform:none}}.cm-ava{background:#8b5cf629;border:1px solid #8b5cf657;border-radius:13px;flex:none;align-self:flex-start;width:42px;height:42px;overflow:hidden}.cm-ava.mascot-face{background-color:#8b5cf629;background-image:url(/cabinet/mascot.png);background-position:50% 6%;background-repeat:no-repeat;background-size:230%}.cm-ava img{object-fit:cover;object-position:50% 20%;width:124%;height:124%}.cm-col{min-width:0;max-width:86%}.cm-bubble{background:linear-gradient(165deg, var(--panel2), var(--panel));border:1px solid var(--glass-brd);color:#eae6f5;border-radius:20px;padding:15px 18px;font-size:15px;line-height:1.55}.cm.me{flex-direction:row-reverse}.cm.me .cm-bubble{background:var(--songs-vivid);color:#fff;border:0;border-bottom-right-radius:6px;border-bottom-left-radius:20px;box-shadow:0 10px 26px -16px #a855f7}.cm.me .cm-col{flex-direction:column;align-items:flex-end;display:flex}.cm-opts{flex-wrap:wrap;gap:9px;margin-top:13px;display:flex}.opt{font-family:var(--ff-body);color:#e7e3f2;cursor:pointer;border:1px solid var(--glass-brd);transition:.2s var(--ease);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:11px 17px;font-size:13.5px;font-weight:700;display:inline-flex}.opt .od{background:var(--tc);border-radius:50%;width:8px;height:8px}.opt:hover{color:#fff;background:color-mix(in srgb,var(--tc) 18%, transparent);border-color:color-mix(in srgb,var(--tc) 48%, transparent);transform:translateY(-2px)}.opt.primary{background:var(--songs-vivid);border:0;box-shadow:0 12px 30px -12px #a855f7}.opt.ghost{background:0 0}.cm-input{gap:10px;margin-top:13px;display:flex}.cm-input input,.cm-input textarea{min-width:0;font-family:var(--ff-body);color:#fff;border:1px solid var(--glass-brd);resize:none;background:#ffffff0d;border-radius:13px;outline:none;flex:1;padding:13px 16px;font-size:14.5px;transition:border-color .2s}.cm-input textarea{min-height:84px;line-height:1.5}.cm-input input::placeholder,.cm-input textarea::placeholder{color:var(--dim2)}.cm-input input:focus,.cm-input textarea:focus{border-color:color-mix(in srgb,var(--tc) 55%, transparent)}.cm-send{cursor:pointer;color:#fff;background:var(--songs-vivid);border:0;border-radius:13px;flex:none;align-self:stretch;place-items:center;width:50px;transition:all .2s;display:grid;box-shadow:0 10px 24px -12px #a855f7}.cm-send:hover{filter:brightness(1.08)}.cm-send svg{width:20px;height:20px}.cm.typing .cm-bubble{align-items:center;gap:5px;padding:16px 18px;display:inline-flex}.cm.typing i{background:var(--dim);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typ}.cm.typing i:nth-child(2){animation-delay:.18s}.cm.typing i:nth-child(3){animation-delay:.36s}@keyframes typ{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.lyric-card{border:1px solid var(--glass-brd);background:#ffffff08;border-radius:18px;margin-top:6px;overflow:hidden}.lyric-card .lc-hd{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--tc) 9%, transparent);align-items:center;gap:10px;padding:13px 18px;display:flex}.lyric-card .lc-hd .li{width:30px;height:30px;color:var(--tc);background:#8b5cf629;border:1px solid #8b5cf64d;border-radius:9px;place-items:center;display:grid}.lyric-card .lc-hd .li svg{width:17px;height:17px}.lyric-card .lc-hd b{font-family:var(--ff-disp);font-size:15px;font-weight:600}.lyric-card .lc-hd .tag{color:var(--tc);background:#8b5cf624;border:1px solid #8b5cf64d;border-radius:999px;margin-left:auto;padding:5px 11px;font-size:11px;font-weight:700}.lyric-body{white-space:pre-wrap;color:#e7e3f2;scrollbar-width:thin;scrollbar-color:#8b5cf657 transparent;max-height:340px;padding:18px 22px;font-size:14.5px;line-height:1.8;overflow-y:auto}.lyric-body::-webkit-scrollbar{width:8px}.lyric-body::-webkit-scrollbar-thumb{background:#8b5cf64d padding-box padding-box;border:2px solid #0000;border-radius:99px}.lyric-body .lh{font-family:var(--ff-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--tc);margin:18px 0 5px;font-size:11.5px;font-weight:600;display:block}.lyric-body .lh:first-child{margin-top:0}.lyric-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.la{font-family:var(--ff-body);cursor:pointer;border:1px solid var(--glass-brd);color:#fff;transition:.2s var(--ease);background:#ffffff0d;border-radius:13px;align-items:center;gap:9px;padding:13px 20px;font-size:14px;font-weight:700;display:inline-flex}.la svg{width:17px;height:17px}.la:hover{background:#ffffff17;transform:translateY(-2px)}.la.primary{background:var(--songs-vivid);border:0;box-shadow:0 14px 34px -16px #a855f7}.la.primary:hover{filter:brightness(1.07)}.spinwrap{--tc:var(--c-songs);text-align:center;border:1px solid var(--glass-brd);background:#ffffff06;border-radius:24px;max-width:560px;margin:30px 0;padding:clamp(30px,5vw,48px) 24px}.vinyl{width:168px;height:168px;margin:0 auto 26px;position:relative}.vinyl .disc{background:radial-gradient(circle,#1a1430 0 16%,#0000 16.5%),repeating-radial-gradient(circle,#ffffff0d 0 2px,#0000 2px 6px),radial-gradient(circle,#0b0716 30%,#14102a 70%);border-radius:50%;animation:2.4s linear infinite spin;position:absolute;inset:0;box-shadow:0 26px 60px -22px #7c3aedb3,inset 0 0 0 1px #8b5cf64d}.vinyl .lbl{background:linear-gradient(135deg,var(--tc),var(--violet-deep));border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0b0716}.vinyl .lbl svg{color:#fff;width:22px;height:22px}.vinyl .glint{pointer-events:none;background:linear-gradient(125deg,#0000 40%,#ffffff29 50%,#0000 60%);border-radius:50%;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vinyl .disc{animation-duration:9s}}.spinwrap h3{font-family:var(--ff-disp);font-size:clamp(18px,2.3vw,23px);font-weight:600}.spinwrap h3 .dots:after{content:"";animation:1.4s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.spinwrap p{color:var(--dim);max-width:40ch;margin:11px auto 0;font-size:14.5px;line-height:1.55}.spinwrap .eta{color:var(--accent-hi);background:#8b5cf624;border:1px solid #8b5cf64d;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.result-songs{--tc:var(--c-songs)}.song-grid2{grid-template-columns:1fr 1fr;gap:16px;margin-top:6px;display:grid}@media (max-width:720px){.song-grid2{grid-template-columns:1fr}}.scard{background:var(--glass);border:1px solid var(--glass-brd);transition:transform .35s var(--ease), border-color .35s, box-shadow .35s;border-top-color:#ffffff29;border-radius:20px;padding:17px}.scard:hover{border-color:color-mix(in srgb,var(--tc) 38%,transparent);box-shadow:0 26px 54px -30px color-mix(in srgb,var(--tc) 70%,#000);transform:translateY(-3px)}.scard-top{align-items:center;gap:14px;display:flex}.scard-cov{cursor:pointer;color:#fff;background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 42%,#0b0816));border-radius:14px;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.scard-cov svg{width:26px;height:26px}.scard-cov .pa{display:none}.scard-cov .ov{opacity:0;background:#0805105c;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.scard-cov:hover .ov,.scard.playing .scard-cov .ov{opacity:1}.scard.playing .scard-cov .ov .pl{display:none}.scard.playing .scard-cov .ov .pa{display:block}.scard-info{flex:1;min-width:0}.scard-info b{font-family:var(--ff-disp);font-size:16px;font-weight:600;display:block}.scard-info .sm{flex-wrap:wrap;gap:7px;margin-top:7px;display:flex}.scard-info .sm span{color:var(--accent-hi);background:color-mix(in srgb,var(--tc) 14%,transparent);border:1px solid color-mix(in srgb,var(--tc) 26%,transparent);border-radius:7px;padding:4px 9px;font-size:11px;font-weight:700}.scard-wave{cursor:pointer;align-items:center;gap:2px;height:34px;margin:14px 0;display:flex}.scard-wave .bar{background:#ffffff29;border-radius:2px;flex:1;min-width:2px;transition:background .12s,transform .2s}.scard-wave .bar.played{background:linear-gradient(180deg,var(--accent-hi),var(--tc))}.scard.playing .scard-wave .bar.active{transform:scaleY(1.25)}.scard-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.scard-foot .tm{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.scard-dl{cursor:pointer;color:#fff;border:1px solid var(--glass-brd);background:#ffffff0f;border-radius:11px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.scard-dl:hover{background:color-mix(in srgb,var(--tc) 20%,transparent);border-color:color-mix(in srgb,var(--tc) 42%,transparent)}.scard-dl svg{width:16px;height:16px}.result-again{justify-content:center;margin-top:24px;display:flex}.again-btn{font-family:var(--ff-body);cursor:pointer;border:1px solid var(--glass-brd);color:#fff;transition:.2s var(--ease);background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;padding:15px 28px;font-size:15px;font-weight:700;display:inline-flex}.again-btn:hover{background:#ffffff17;transform:translateY(-2px)}.again-btn svg{width:18px;height:18px}.result-head{flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:6px;display:flex}.result-head h2{font-family:var(--ff-disp);font-size:clamp(19px,2.3vw,24px);font-weight:600}.result-head .tag{color:var(--tc);background:#8b5cf624;border:1px solid #8b5cf64d;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.result-sub{color:var(--dim);margin:0 0 20px;font-size:14px}.pro-grid{--tc:var(--c-songs);align-items:flex-start;gap:32px;display:flex}.pro-grid>.pro-panel{flex:0 720px;width:100%;min-width:0;max-width:720px}.pro-grid>.history{flex:0 480px;min-width:340px;margin-left:auto}@media (max-width:980px){.pro-grid{flex-direction:column}.pro-grid>.pro-panel,.pro-grid>.history{flex:none;width:100%;min-width:0;max-width:none;margin-left:0}}.pro-panel{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--glass-brd);border-top-color:#ffffff2e;border-radius:22px;padding:clamp(20px,2.4vw,28px);box-shadow:0 30px 70px -38px #000c}.pblock{margin-bottom:24px}.pblock:last-child{margin-bottom:0}.pl-row{align-items:center;gap:10px;margin-bottom:11px;display:flex}.pl-label{color:#e2def0;white-space:nowrap;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.pl-label .num{display:none}.pl-sub{color:var(--dim);font-size:13px;font-weight:600}.js-sd{margin-top:15px}.pl-opt{color:var(--dim2);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:999px;margin-left:auto;padding:4px 11px;font-size:11.5px;font-weight:700}.pl-help{color:var(--tc);cursor:pointer;white-space:nowrap;background:color-mix(in srgb,var(--tc) 14%,transparent);border:1px solid color-mix(in srgb,var(--tc) 32%,transparent);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex}.pl-help:hover{background:color-mix(in srgb,var(--tc) 24%,transparent);color:#fff}.pl-help svg{width:14px;height:14px}.lyric-input{width:100%;font-family:var(--ff-body);color:#fff;border:1px solid var(--glass-brd);resize:none;scrollbar-width:thin;scrollbar-color:#8b5cf657 transparent;background:#ffffff0a;border-radius:14px;outline:none;height:168px;padding:15px 16px;font-size:14.5px;line-height:1.6;transition:border-color .2s,background .2s;overflow-y:auto}.lyric-input::-webkit-scrollbar{width:8px}.lyric-input::-webkit-scrollbar-thumb{background:#8b5cf64d padding-box padding-box;border:2px solid #0000;border-radius:99px}.lyric-input::placeholder{color:var(--dim2)}.lyric-input:focus{border-color:color-mix(in srgb,var(--tc) 55%,transparent);background:#8b5cf60f}.style-tabs{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.style-tab{text-align:left;cursor:pointer;border:1px solid var(--glass-brd);color:var(--dim);transition:.2s var(--ease);background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 14px;display:flex}.style-tab .sti{width:32px;height:32px;color:var(--tc);background:color-mix(in srgb,var(--tc) 16%,transparent);border:1px solid color-mix(in srgb,var(--tc) 30%,transparent);border-radius:9px;place-items:center;display:grid}.style-tab .sti svg{width:18px;height:18px}.style-tab b{font-family:var(--ff-body);color:#fff;font-size:14px;font-weight:700}.style-tab span{font-size:11.5px;line-height:1.4}.style-tab:hover{border-color:#ffffff3d}.style-tab.on{color:#fff;background:color-mix(in srgb,var(--tc) 16%,transparent);border-color:color-mix(in srgb,var(--tc) 50%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 38%,transparent) inset}.style-detail{margin-top:13px;display:none}.style-detail.show{animation:viewIn .35s var(--ease) both;display:block}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{white-space:nowrap;font-family:var(--ff-body);color:var(--dim);cursor:pointer;border:1px solid var(--glass-brd);transition:.2s var(--ease);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:700;display:inline-flex}.chip .dot{background:var(--tc);opacity:.8;border-radius:50%;width:7px;height:7px}.chip:hover{color:#fff;border-color:#ffffff3d}.chip.on{color:#fff;background:color-mix(in srgb,var(--tc) 22%,transparent);border-color:color-mix(in srgb,var(--tc) 52%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 38%,transparent) inset}.chips-lbl{color:var(--dim2);letter-spacing:.02em;margin:0 0 9px;font-size:12px;font-weight:700}.seg{border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:14px;gap:6px;padding:5px;display:flex}.seg button{min-width:0;font-family:var(--ff-body);color:var(--dim);cursor:pointer;transition:.2s var(--ease);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.seg button svg{width:16px;height:16px}.seg button:hover{color:#fff}.seg button.on{color:#fff;background:linear-gradient(100deg,var(--tc),color-mix(in srgb,var(--tc) 60%,#000));box-shadow:0 8px 20px -12px var(--tc)}.adv-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:560px){.adv-grid{grid-template-columns:1fr}}.tempo-val{font-family:var(--ff-disp);color:#fff;font-size:15px;font-weight:600}.tempo-val .u{color:var(--dim2);margin-left:3px;font-size:12px;font-weight:700}.range{appearance:none;background:linear-gradient(90deg, var(--tc) 0%, var(--tc) var(--p,40%), #ffffff21 var(--p,40%));border-radius:99px;outline:none;width:100%;height:6px;margin-top:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:20px;height:20px;box-shadow:0 4px 12px -3px var(--tc), 0 0 0 4px color-mix(in srgb,var(--tc) 40%,transparent);background:#fff;border-radius:50%}.range::-moz-range-thumb{cursor:pointer;width:20px;height:20px;box-shadow:0 4px 12px -3px var(--tc);background:#fff;border:0;border-radius:50%}.sel{position:relative}.sel select{width:100%;font-family:var(--ff-body);color:#fff;cursor:pointer;border:1px solid var(--glass-brd);appearance:none;background:#ffffff0a;border-radius:13px;outline:none;padding:13px 40px 13px 15px;font-size:14px;font-weight:600;transition:border-color .2s}.sel select:focus{border-color:color-mix(in srgb,var(--tc) 55%,transparent)}.sel select option{color:#fff;background:#171026}.sel:after{content:"";border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);pointer-events:none;width:9px;height:9px;position:absolute;top:50%;right:16px;transform:translateY(-65%)rotate(45deg)}.pro-submit{white-space:nowrap;width:100%;font-family:var(--ff-body);cursor:pointer;color:#fff;background:linear-gradient(105deg, color-mix(in srgb, var(--tc) 70%, #1a0e2e), var(--tc) 58%, color-mix(in srgb, var(--tc) 80%, #fff));box-shadow:0 16px 36px -16px color-mix(in srgb, var(--tc) 85%, transparent);transition:transform .22s var(--ease), filter .22s;border:0;border-radius:15px;justify-content:center;align-items:center;gap:12px;margin-top:6px;padding:17px;font-size:16.5px;font-weight:700;display:flex}.pro-submit:hover{filter:brightness(1.07);transform:translateY(-2px)}.pro-submit svg{width:19px;height:19px}.pro-submit .price{font-variant-numeric:tabular-nums;white-space:nowrap;border-left:1px solid #ffffff4d;margin-left:1px;padding-left:12px;font-weight:800}.pro-sep{background:var(--line);height:1px;margin:24px 0}.history{position:sticky;top:0}.history-hd{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.history-hd h3{font-family:var(--ff-disp);font-size:17px;font-weight:600}.history-hd .cnt{color:var(--dim2);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.hist-list{scrollbar-width:thin;scrollbar-color:#8b5cf657 transparent;flex-direction:column;gap:10px;max-height:calc(100dvh - 280px);padding-right:4px;display:flex;overflow-y:auto}.hist-list::-webkit-scrollbar{width:8px}.hist-list::-webkit-scrollbar-thumb{background:#8b5cf64d padding-box padding-box;border:2px solid #0000;border-radius:99px}.hrow{background:var(--glass);border:1px solid var(--glass-brd);transition:transform .25s var(--ease), border-color .25s;border-radius:15px;align-items:center;gap:12px;padding:11px 13px;display:flex}.hrow:hover{border-color:color-mix(in srgb,var(--tc) 36%,transparent);transform:translateY(-2px)}.hrow.fresh{border-color:color-mix(in srgb,var(--tc) 60%,transparent);animation:1.9s ease-in-out infinite freshGlow}@keyframes freshGlow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 42%,transparent), 0 0 16px -3px color-mix(in srgb,var(--tc) 60%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 72%,transparent), 0 0 28px 1px color-mix(in srgb,var(--tc) 78%,transparent)}}@media (prefers-reduced-motion:reduce){.hrow.fresh{box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 58%,transparent), 0 0 18px -3px color-mix(in srgb,var(--tc) 60%,transparent);animation:none}}.fresh-badge{font-family:var(--ff-body);letter-spacing:.07em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,var(--tc),color-mix(in srgb,var(--tc) 58%,#000));vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:9.5px;font-weight:800}.hrow .hr-ic{cursor:pointer;color:#fff;background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 42%,#0b0816));border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.hrow .hr-ic svg{width:21px;height:21px}.hrow .hr-ic .ov{opacity:0;background:#08051066;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.hrow .hr-ic:hover .ov,.hrow.playing .hr-ic .ov{opacity:1}.hrow.playing .hr-ic .ov .pl,.hr-ic .ov .pa{display:none}.hrow.playing .hr-ic .ov .pa{display:block}.hr-info{flex:1;min-width:0}.hr-info b{font-family:var(--ff-disp);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.hr-mini{align-items:center;gap:2px;height:18px;margin-top:5px;display:flex}.hr-mini i{background:#ffffff4d;border-radius:2px;width:2.5px}.hr-info .hm{color:var(--dim2);margin-top:4px;font-size:11.5px}.hr-acts{flex:none;gap:6px;display:flex}.hr-acts button{cursor:pointer;width:32px;height:32px;color:var(--dim);border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:9px;place-items:center;transition:all .18s;display:grid}.hr-acts button:hover{color:#fff;background:color-mix(in srgb,var(--tc) 20%,transparent);border-color:color-mix(in srgb,var(--tc) 40%,transparent)}.hr-acts svg{width:15px;height:15px}.modal-scrim{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#05030aad;place-items:center;padding:20px;transition:opacity .28s;display:grid;position:fixed;inset:0}body.modal-open #modalScrim{opacity:1;pointer-events:auto}.modal{width:min(640px,100%);max-height:calc(100dvh - 40px);transition:.3s var(--ease);background:linear-gradient(#171026,#110c1f);border:1px solid #8b5cf64d;border-radius:24px;padding:clamp(24px,3vw,34px);overflow-y:auto;transform:translateY(16px)scale(.97);box-shadow:0 50px 100px -30px #000000d9}body.modal-open #modalScrim .modal{transform:none}body.onb-open #onbScrim{opacity:1;pointer-events:auto}body.onb-open #onbScrim .modal{transform:none}.modal-hd{align-items:flex-start;gap:14px;margin-bottom:6px;display:flex}.modal-hd .mi{color:#fbbf3c;background:#fbbf3c24;border:1px solid #fbbf3c52;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.modal-hd .mi svg{width:24px;height:24px}.modal-hd h2{font-family:var(--ff-disp);font-size:22px;font-weight:600}.modal-hd p{color:var(--dim);margin-top:5px;font-size:13.5px;line-height:1.5}.modal-x{cursor:pointer;width:36px;height:36px;color:var(--dim);border:1px solid var(--glass-brd);transition:.2s var(--ease);background:#ffffff0d;border-radius:11px;flex:none;place-items:center;margin-left:auto;display:grid}.modal-x:hover{color:#fff;background:#ffffff1a}.modal-x svg{width:18px;height:18px}.modal-bal{border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;margin:20px 0;padding:14px 16px;display:flex}.modal-bal .spark{color:#fbbf3c;width:18px;height:18px}.modal-bal span{color:var(--dim);font-size:13.5px}.modal-bal b{font-variant-numeric:tabular-nums;margin-left:auto;font-size:17px;font-weight:800}.packs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:520px){.packs{grid-template-columns:1fr}}.pack{cursor:pointer;text-align:center;border:1px solid var(--glass-brd);transition:.22s var(--ease);background:#ffffff0a;border-radius:16px;padding:22px 14px;position:relative}.pack:hover{background:#7c3aed1a;border-color:#8b5cf680;transform:translateY(-3px)}.pack.best{background:#7c3aed1f;border-color:#8b5cf68c}.pack .amt{font-family:var(--ff-disp);color:#fff;font-size:23px;font-weight:600}.pack .cr{color:var(--accent-hi);margin-top:4px;font-size:12.5px;font-weight:700;display:block}.pack .bonus{color:var(--c-covers);margin-top:7px;font-size:11.5px;font-weight:700;display:block}.pack .tagbest{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,var(--violet),var(--violet-br));white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.modal-foot{margin-top:20px}.modal-pay{cursor:pointer;color:#fff;background:linear-gradient(100deg,var(--violet-deep),var(--violet) 55%,var(--violet-br));width:100%;transition:transform .2s var(--ease), filter .2s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 16px 34px -16px #7c3aede6}.modal-pay:hover{filter:brightness(1.08);transform:translateY(-2px)}.modal-pay svg{width:18px;height:18px}.modal-note{text-align:center;color:var(--dim2);margin-top:14px;font-size:12px}.stub{--tc:var(--c-beats);text-align:center;padding:60px 24px}.stub .si{color:#fff;background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 45%,#0b0816));width:84px;height:84px;box-shadow:0 26px 54px -28px var(--tc);border-radius:24px;place-items:center;margin:0 auto 20px;display:grid}.stub .si svg{width:38px;height:38px}.stub h2{font-family:var(--ff-disp);font-size:clamp(22px,3vw,30px);font-weight:600}.stub p{color:var(--dim);max-width:46ch;margin:12px auto 0;font-size:15px;line-height:1.6}.stub .scta{cursor:pointer;color:#fff;background:linear-gradient(100deg,color-mix(in srgb,var(--tc) 72%,#2a1a55),var(--tc));box-shadow:0 16px 36px -16px var(--tc);transition:.2s var(--ease);border:0;border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:15px 28px;font-size:15px;font-weight:700;display:inline-flex}.stub .scta:hover{filter:brightness(1.07);transform:translateY(-2px)}.stub .scta svg{width:18px;height:18px}@media (max-width:920px){:root{--sb-w:0px}.app{grid-template-columns:1fr}.sidebar{z-index:90;width:280px;transition:transform .35s var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 60px #0009}body.nav-open .sidebar{transform:none}.nav-scrim{z-index:80;opacity:0;pointer-events:none;background:#05040a99;transition:opacity .3s;position:fixed;inset:0}body.nav-open .nav-scrim{opacity:1;pointer-events:auto}.tb-burger{cursor:pointer;border:1px solid var(--glass-brd);color:#fff;background:#ffffff0d;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.tb-burger svg{width:20px;height:20px}.credits .cap{display:none}.pro-grid{flex-direction:column}.pro-grid>.pro-panel,.pro-grid>.history{flex:none;width:100%;min-width:0;max-width:none;margin-left:0}.history{position:static}.hist-list{max-height:none}}@media (max-width:700px){.work-in{padding-left:16px;padding-right:16px}.wc-hero{text-align:center;flex-direction:column;gap:18px}.wc-fox{width:clamp(140px,42vw,180px)}.wc-bubble{padding:20px}.wc-bubble:before{display:none}.wc-bubble h1,.wc-bubble p{max-width:none}.welcome{justify-content:flex-start;min-height:auto;padding-top:10px}}@media (max-width:560px){.topbar{gap:9px;height:62px;padding-left:14px;padding-right:14px}.tb-ic{display:none}.tb-title{font-size:16px}.tb-sub,.tariffs .lbl{display:none}.tariffs{padding:11px 12px}.credits{padding:8px 12px}.tb-ava{display:none}.tb-right{gap:9px}.gen-mini .gh-tt h1{font-size:20px}.gen-mini .gh-tt p{font-size:12.5px}.grow{border-radius:15px;gap:12px;padding:12px 13px}.grow .g-ic{width:46px;height:46px}.g-name{font-size:14.5px}.g-meta{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.g-dur{display:none}.g-btn.dl{width:40px;padding:0}.g-btn.dl span,.g-btn.dl .dl-tx{display:none}.mode-switch{width:100%}.mode-switch button{flex:1;justify-content:center;padding:11px 10px}.pro-panel{border-radius:18px;padding:18px 16px}.style-tabs{gap:7px}.style-tab{padding:11px 10px}.style-tab span{display:none}.seg button{gap:5px;padding:11px 8px;font-size:12.5px}.seg-sm button{padding:10px 8px}.seg.js-style3 button{flex:auto}.modal{border-radius:20px;padding:22px 18px}.onb-modes{grid-template-columns:1fr}.player-bar{padding:0 10px}.pb-in{border-radius:16px;flex-wrap:wrap;gap:10px 12px;margin-bottom:10px;padding:11px 12px}.pb-track{flex:auto;order:0;gap:11px;width:auto}.pb-cov{width:44px;height:44px}.pb-track .pt span{display:none}.pb-right{flex:none;order:1;width:auto}.pb-vol,.pb-dl{display:none}.pb-ctr{flex:100%;order:2;gap:9px}.pb-prog{max-width:none}}@media (max-width:380px){.tb-title{font-size:15px}.credits .bal{font-size:14px}.fchip{padding:8px 12px;font-size:12.5px}}.ms-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim2);margin:0 0 9px 2px;font-size:11px;font-weight:700}.chips-scroll{scrollbar-width:thin;scrollbar-color:#8b5cf657 transparent;max-height:208px;margin-top:2px;padding:3px 6px 3px 2px;overflow-y:auto}.chips-scroll::-webkit-scrollbar{width:8px}.chips-scroll::-webkit-scrollbar-thumb{background:#8b5cf64d padding-box padding-box;border:2px solid #0000;border-radius:99px}.chips-scroll .chips{margin:0}.search{margin-bottom:11px;position:relative}.search svg{width:17px;height:17px;color:var(--dim2);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{width:100%;font-family:var(--ff-body);color:#fff;border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:12px;outline:none;padding:12px 14px 12px 40px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s}.search input::placeholder{color:var(--dim2)}.search input:focus{border-color:color-mix(in srgb,var(--tc) 55%,transparent);background:#8b5cf60f}.chips-empty{color:var(--dim2);padding:14px 4px;font-size:13px}.seg-sm button{padding:10px 14px;font-size:13px}.tempo-custom{align-items:center;gap:10px;margin-top:12px;display:none}.tempo-custom.show{animation:viewIn .3s var(--ease) both;display:flex}.tempo-custom input{width:104px;font-family:var(--ff-disp);color:#fff;text-align:center;border:1px solid var(--glass-brd);-moz-appearance:textfield;background:#ffffff0a;border-radius:12px;outline:none;padding:12px 10px;font-size:16px;font-weight:600;transition:border-color .2s,background .2s}.tempo-custom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tempo-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tempo-custom input:focus{border-color:color-mix(in srgb,var(--tc) 55%,transparent);background:#8b5cf60f}.tempo-custom .u{color:var(--dim2);font-size:13px;font-weight:700}#textGen{--tc:var(--c-text);max-width:780px;margin:0}.tg-wrap{flex-direction:column;min-height:calc(100dvh - 274px);display:flex}.tg-intro{background:color-mix(in srgb,var(--c-text) 11%, transparent);border:1px solid color-mix(in srgb,var(--c-text) 28%, transparent);border-radius:16px;align-items:center;gap:13px;margin-bottom:20px;padding:14px 16px;display:flex}.tg-intro .ti{color:#fff;background:linear-gradient(135deg,var(--c-text),color-mix(in srgb,var(--c-text) 55%,#000));width:42px;height:42px;box-shadow:0 10px 22px -12px var(--c-text);border-radius:12px;flex:none;place-items:center;display:grid}.tg-intro .ti svg{width:22px;height:22px}.tg-intro b{font-family:var(--ff-disp);font-size:15px;font-weight:600;display:block}.tg-intro span{color:var(--dim);font-size:13px}.tg-thread{flex:1}.tg-thread .cm.me .cm-bubble{background:linear-gradient(100deg,#d97a1e,var(--c-text))}.tg-thread .opt .od{background:var(--c-text)}.tg-thread .opt:hover{background:color-mix(in srgb,var(--c-text) 18%, transparent);border-color:color-mix(in srgb,var(--c-text) 48%, transparent)}.tg-thread .lyric-card .lc-hd{background:color-mix(in srgb,var(--c-text) 10%, transparent)}.tg-thread .lyric-card .lc-hd .li{color:var(--c-text);background:color-mix(in srgb,var(--c-text) 16%,transparent);border-color:color-mix(in srgb,var(--c-text) 30%,transparent)}.tg-thread .lyric-card .lc-hd .tag{color:var(--c-text);background:color-mix(in srgb,var(--c-text) 14%,transparent);border-color:color-mix(in srgb,var(--c-text) 30%,transparent)}.tg-thread .lyric-body .lh{color:var(--c-text)}.tg-thread .la.primary{background:linear-gradient(100deg,#c76a12,var(--c-text));box-shadow:0 14px 32px -16px var(--c-text)}.tg-composer{bottom:calc(8px + var(--player-h));z-index:8;border:1px solid color-mix(in srgb,var(--c-text) 26%, var(--glass-brd));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#1c1330f0,#120c1ff7);border-radius:18px;align-items:flex-end;gap:11px;margin-top:18px;padding:11px;display:flex;position:sticky;box-shadow:0 24px 50px -28px #000c}.tg-composer textarea{min-width:0;font-family:var(--ff-body);color:#fff;border:1px solid var(--glass-brd);resize:none;scrollbar-width:thin;scrollbar-color:#f5922b66 transparent;background:#ffffff0a;border-radius:12px;outline:none;flex:1;height:48px;max-height:150px;padding:12px 14px;font-size:15px;line-height:1.5;transition:border-color .2s,background .2s}.tg-composer textarea:focus{border-color:color-mix(in srgb,var(--c-text) 55%,transparent);background:color-mix(in srgb,var(--c-text) 7%,transparent)}.tg-composer textarea::placeholder{color:var(--dim2)}.tg-send{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--c-text),color-mix(in srgb,var(--c-text) 58%,#000));width:48px;height:48px;box-shadow:0 10px 22px -12px var(--c-text);transition:.2s var(--ease);border:0;border-radius:12px;flex:none;place-items:center;display:grid}.tg-send:hover{filter:brightness(1.08);transform:translateY(-1px)}.tg-send:disabled{opacity:.5;cursor:default;transform:none}.tg-send svg{width:21px;height:21px}.tg-hint{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.tg-hint button{font-family:var(--ff-body);color:var(--dim);cursor:pointer;border:1px solid var(--glass-brd);transition:.18s var(--ease);background:#ffffff0a;border-radius:999px;padding:8px 13px;font-size:12.5px;font-weight:600}.tg-hint button:hover{color:#fff;border-color:color-mix(in srgb,var(--c-text) 45%,transparent);background:color-mix(in srgb,var(--c-text) 14%,transparent)}.onb .modal-hd .mi{color:var(--tc);background:#8b5cf629;border-color:#8b5cf657}.onb-modes{grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 4px;display:grid}@media (max-width:520px){.onb-modes{grid-template-columns:1fr}}.onb-card{border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:16px;padding:19px}.onb-card .oc-ic{color:#fff;background:linear-gradient(135deg,var(--tc),color-mix(in srgb,var(--tc) 55%,#000));border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.onb-card.pro .oc-ic{background:linear-gradient(135deg,#7c3aed,#4c1d95)}.onb-card .oc-ic svg{width:21px;height:21px}.onb-card b{font-family:var(--ff-disp);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.onb-card .badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-hi);background:#8b5cf629;border:1px solid #8b5cf64d;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.onb-card p{color:var(--dim);margin-top:8px;font-size:13px;line-height:1.55}.onb-foot{color:var(--dim);text-align:center;margin:16px 0 18px;font-size:12.5px}
.tool-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.tool-head .th-ic{color:#fff;background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 45%,#0b0816));width:50px;height:50px;box-shadow:0 14px 30px -14px var(--tc);border-radius:14px;flex:none;place-items:center;display:grid}.tool-head .th-ic svg{width:25px;height:25px}.tool-head h2{font-family:var(--ff-disp);letter-spacing:-.01em;font-size:clamp(19px,2.2vw,24px);font-weight:600}.tool-head p{color:var(--dim);margin-top:3px;font-size:13.5px}.info-note{background:color-mix(in srgb,var(--tc) 8%,transparent);border:1px solid color-mix(in srgb,var(--tc) 24%,transparent);color:var(--dim);border-radius:13px;align-items:flex-start;gap:11px;margin-top:13px;padding:13px 15px;font-size:12.5px;line-height:1.5;display:flex}.info-note .ni{width:18px;height:18px;color:var(--tc);flex:none;margin-top:1px}.info-note .ni svg{width:18px;height:18px}.info-note b{color:#e7e3f2;font-weight:700}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.field-row{grid-template-columns:1fr}}.field label{color:#e2def0;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field label .req{color:var(--tc);margin-left:2px}.inp{width:100%;font-family:var(--ff-body);color:#fff;border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:13px;outline:none;padding:13px 15px;font-size:14.5px;transition:border-color .2s,background .2s}.inp::placeholder{color:var(--dim2)}.inp:focus{border-color:color-mix(in srgb,var(--tc) 55%,transparent);background:color-mix(in srgb,var(--tc) 6%,transparent)}.upload{cursor:pointer;text-align:center;border:1.5px dashed color-mix(in srgb,var(--tc) 42%,var(--glass-brd));background:color-mix(in srgb,var(--tc) 5%,transparent);transition:.2s var(--ease);border-radius:16px;flex-direction:column;align-items:center;gap:9px;padding:26px 20px;display:flex}.upload:hover{background:color-mix(in srgb,var(--tc) 10%,transparent);border-color:color-mix(in srgb,var(--tc) 62%,transparent)}.upload .up-ic{color:#fff;background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 50%,#0b0816));width:48px;height:48px;box-shadow:0 12px 26px -14px var(--tc);border-radius:14px;place-items:center;display:grid}.upload .up-ic svg{width:23px;height:23px}.upload .up-btn{color:#fff;background:color-mix(in srgb,var(--tc) 18%,transparent);border:1px solid color-mix(in srgb,var(--tc) 38%,transparent);border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;display:inline-flex}.upload .up-btn svg{width:16px;height:16px}.upload .up-hint{color:var(--dim2);font-size:12.5px}.upload.filled{text-align:left;flex-direction:row;justify-content:flex-start;gap:13px;padding:15px 16px}.upload.filled .up-ic{width:42px;height:42px}.upload.filled .up-meta{flex:1;min-width:0}.upload.filled .up-meta b{font-family:var(--ff-disp);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.upload.filled .up-meta span{color:var(--dim2);font-size:12px}.upload.filled .up-x{width:34px;height:34px;color:var(--dim);border:1px solid var(--glass-brd);background:#ffffff0d;border-radius:10px;flex:none;place-items:center;display:grid}.upload.filled .up-x svg{width:16px;height:16px}.upload.filled .up-btn,.upload.filled .up-hint{display:none}.field-actions{flex-wrap:wrap;gap:9px;margin-bottom:11px;display:flex}.fa-btn{font-family:var(--ff-body);cursor:pointer;color:#e7e3f2;border:1px solid var(--glass-brd);transition:.18s var(--ease);background:#ffffff0d;border-radius:11px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.fa-btn svg{width:15px;height:15px;color:var(--tc)}.fa-btn:hover{color:#fff;border-color:color-mix(in srgb,var(--tc) 45%,transparent);background:color-mix(in srgb,var(--tc) 12%,transparent)}.fa-btn:disabled{opacity:.45;cursor:default}.fa-btn.primary{color:#fff;background:color-mix(in srgb,var(--tc) 18%,transparent);border-color:color-mix(in srgb,var(--tc) 38%,transparent)}.fa-btn.primary svg{color:#fff}.tgl-card{border:1px solid var(--glass-brd);transition:.2s var(--ease);background:#ffffff0a;border-radius:15px;align-items:center;gap:13px;padding:15px 16px;display:flex}.tgl-card.on{background:color-mix(in srgb,var(--tc) 10%,transparent);border-color:color-mix(in srgb,var(--tc) 34%,transparent)}.tgl-card .tg-ic{width:42px;height:42px;color:var(--tc);background:color-mix(in srgb,var(--tc) 15%,transparent);border:1px solid color-mix(in srgb,var(--tc) 30%,transparent);border-radius:12px;flex:none;place-items:center;display:grid}.tgl-card .tg-ic svg{width:21px;height:21px}.tgl-card .tg-tx{flex:1;min-width:0}.tgl-card .tg-tx b{font-family:var(--ff-body);font-size:14px;font-weight:700;display:block}.tgl-card .tg-tx span{color:var(--dim);margin-top:3px;font-size:12.5px;line-height:1.45;display:block}.switch{cursor:pointer;border:1px solid var(--glass-brd);width:48px;height:28px;transition:.22s var(--ease);background:#ffffff1f;border-radius:999px;flex:none;position:relative}.switch:after{content:"";width:21px;height:21px;transition:.22s var(--ease);background:#fff;border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 2px 6px #0006}.switch.on{background:linear-gradient(100deg,var(--tc),color-mix(in srgb,var(--tc) 60%,#000));border-color:#0000}.switch.on:after{left:calc(100% - 24px)}.range-wrap{align-items:center;gap:14px;display:flex}.range-wrap .range{flex:1;margin-top:0}.range-pill{font-family:var(--ff-disp);color:#fff;background:color-mix(in srgb,var(--tc) 18%,transparent);border:1px solid color-mix(in srgb,var(--tc) 38%,transparent);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.range-pill .pp{font-family:var(--ff-body);color:var(--accent-hi);border-left:1px solid color-mix(in srgb,var(--tc) 40%,transparent);padding-left:8px;font-size:12px;font-weight:700}.range-hint{color:var(--dim2);margin-top:9px;font-size:12px}.seg-cap{color:var(--dim2);margin-top:9px;font-size:12px;line-height:1.45}.cov-gallery{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tc) 40%,transparent) transparent;grid-template-columns:repeat(2,1fr);gap:12px;max-height:calc(100dvh - 250px);padding-right:4px;display:grid;overflow-y:auto}@media (max-width:1180px){.cov-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.cov-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.cov-gallery{grid-template-columns:repeat(2,1fr)}}.cov-gallery::-webkit-scrollbar{width:8px}.cov-gallery::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tc) 34%,transparent);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.cov-cell{aspect-ratio:1;cursor:pointer;border:1px solid var(--glass-brd);background:linear-gradient(150deg,var(--cc,#ec4899),color-mix(in srgb,var(--cc,#ec4899) 30%,#0b0816));transition:transform .3s var(--ease), box-shadow .3s;border-radius:15px;position:relative;overflow:hidden}.cov-cell:hover{box-shadow:0 20px 40px -22px color-mix(in srgb,var(--cc,#ec4899) 80%,#000);transform:translateY(-3px)}.cov-cell .cc-glyph{color:#ffffffd9;place-items:center;display:grid;position:absolute;inset:0}.cov-cell .cc-glyph svg{width:34px;height:34px}.cov-cell .cc-cap{font-family:var(--ff-disp);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#06040cd1);padding:24px 12px 11px;font-size:13px;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cov-cell .cc-zoom{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#08051073;border-radius:9px;place-items:center;width:30px;height:30px;transition:all .2s;display:grid;position:absolute;top:9px;right:9px}.cov-cell .cc-zoom svg{width:16px;height:16px}.cov-cell:hover .cc-zoom{opacity:1}.lb-refine{border-top:1px solid var(--line);padding:18px 20px;display:none}.lb-refine.show{animation:viewIn .3s var(--ease) both;display:block}.lb-refine textarea{width:100%;font-family:var(--ff-body);color:#fff;resize:none;border:1px solid var(--glass-brd);background:#ffffff0a;border-radius:13px;outline:none;height:78px;padding:13px 15px;font-size:14px;line-height:1.5;transition:border-color .2s}.lb-refine textarea:focus{border-color:color-mix(in srgb,var(--c-cover) 55%,transparent)}.lb-refine textarea::placeholder{color:var(--dim2)}.lb-refine .rf-row{align-items:center;gap:14px;margin:15px 0;display:flex}.lb-refine .rf-row .rf-lbl{color:#e2def0;white-space:nowrap;font-size:13px;font-weight:700}.lb-refine .range,.lb-refine .range-pill{--tc:var(--c-cover)}.lb-go{cursor:pointer;color:#fff;background:linear-gradient(100deg,color-mix(in srgb,var(--c-cover) 72%,#5a1133),var(--c-cover));width:100%;box-shadow:0 14px 30px -16px var(--c-cover);transition:.2s var(--ease);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:14px;font-size:15px;font-weight:700;display:inline-flex}.lb-go:hover{filter:brightness(1.07);transform:translateY(-2px)}.lb-go svg{width:17px;height:17px}.lb-foot.two{flex-wrap:wrap}.lb-refine-btn{cursor:pointer;color:#fff;background:color-mix(in srgb,var(--c-cover) 20%,transparent);border:1px solid color-mix(in srgb,var(--c-cover) 42%,transparent);transition:.2s var(--ease);border-radius:13px;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:700;display:inline-flex}.lb-refine-btn:hover{background:color-mix(in srgb,var(--c-cover) 32%,transparent)}.lb-refine-btn svg{width:16px;height:16px}.check-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.check-cards{grid-template-columns:1fr}}.check-card{cursor:pointer;text-align:left;color:#fff;border:1px solid var(--glass-brd);transition:.2s var(--ease);background:#ffffff0a;border-radius:15px;align-items:center;gap:13px;padding:16px;display:flex}.check-card:hover{border-color:#ffffff38}.check-card.on{background:color-mix(in srgb,var(--tc) 12%,transparent);border-color:color-mix(in srgb,var(--tc) 46%,transparent)}.check-box{color:#fff;border:1.5px solid var(--glass-brd);width:24px;height:24px;transition:.2s var(--ease);background:#ffffff0f;border-radius:8px;flex:none;place-items:center;display:grid}.check-box svg{opacity:0;width:15px;height:15px;transition:.2s var(--ease);transform:scale(.6)}.check-card.on .check-box{background:linear-gradient(135deg,var(--tc),color-mix(in srgb,var(--tc) 58%,#000));border-color:#0000}.check-card.on .check-box svg{opacity:1;transform:none}.check-card .ch-tx b{font-family:var(--ff-body);font-size:14.5px;font-weight:700;display:block}.check-card .ch-tx span{color:var(--dim);margin-top:4px;font-size:12.5px;line-height:1.45;display:block}.split-group{border:1px solid var(--glass-brd);background:var(--glass);border-radius:16px;overflow:hidden}.split-group+.split-group{margin-top:11px}.sg-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px;display:flex}.sg-head .sg-ic{width:32px;height:32px;color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent);border:1px solid color-mix(in srgb,var(--tc) 28%,transparent);border-radius:9px;flex:none;place-items:center;display:grid}.sg-head .sg-ic svg{width:17px;height:17px}.sg-head b{font-family:var(--ff-disp);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.sg-head .sg-date{color:var(--dim2);font-size:11.5px}.sg-track{align-items:center;gap:11px;padding:10px 14px;display:flex}.sg-track+.sg-track{border-top:1px solid #ffffff0a}.sg-track .tk-ic{cursor:pointer;color:#fff;background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 42%,#0b0816));border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden}.sg-track .tk-ic svg{width:18px;height:18px}.sg-track .tk-ic .ov{opacity:0;background:#08051066;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.sg-track .tk-ic:hover .ov,.sg-track.playing .tk-ic .ov{opacity:1}.sg-track.playing .tk-ic .ov .pl,.sg-track .tk-ic .ov .pa{display:none}.sg-track.playing .tk-ic .ov .pa{display:block}.sg-track .tk-nm{flex:1;min-width:0;font-size:13.5px;font-weight:700}.sg-track .tk-nm span{color:var(--dim2);margin-top:2px;font-size:11.5px;font-weight:600;display:block}.sg-track .tk-dl{cursor:pointer;width:36px;height:36px;color:var(--dim);border:1px solid var(--glass-brd);background:#ffffff0d;border-radius:10px;flex:none;place-items:center;transition:all .18s;display:grid}.sg-track .tk-dl:hover{color:#fff;background:color-mix(in srgb,var(--tc) 20%,transparent);border-color:color-mix(in srgb,var(--tc) 40%,transparent)}.sg-track .tk-dl svg{width:16px;height:16px}.hist-empty{text-align:center;color:var(--dim2);padding:40px 20px;font-size:13.5px}.hist-empty .he-ic{width:54px;height:54px;color:var(--tc);background:color-mix(in srgb,var(--tc) 12%,transparent);border:1px solid color-mix(in srgb,var(--tc) 26%,transparent);border-radius:15px;place-items:center;margin:0 auto 14px;display:grid}.hist-empty .he-ic svg{width:26px;height:26px}
.tabbar,.sheet-scrim,.pb-collapse{display:none}:root{--tabbar-h:0px}.sheet-scrim{z-index:104;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#05030aa8;justify-content:center;align-items:flex-end;padding:0;position:fixed;inset:0}body.sheet-open .sheet-scrim{opacity:1;pointer-events:auto;display:grid}.sheet-scrim.armed{display:grid}.sheet{width:100%;max-width:560px;max-height:86dvh;padding:10px 16px calc(20px + env(safe-area-inset-bottom));transition:transform .36s var(--ease);scrollbar-width:thin;scrollbar-color:#8b5cf657 transparent;background:linear-gradient(#1a1230,#120c20);border:1px solid #8b5cf64d;border-bottom:0;border-radius:26px 26px 0 0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -30px 80px -20px #000c}body.sheet-open .sheet{transform:none}.sheet::-webkit-scrollbar{width:8px}.sheet::-webkit-scrollbar-thumb{background:#8b5cf64d padding-box padding-box;border:2px solid #0000;border-radius:99px}.sheet-handle{background:#ffffff38;border-radius:99px;width:42px;height:5px;margin:4px auto 12px}.sheet-hd{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 2px;display:flex}.sheet-hd h3{font-family:var(--ff-disp);font-size:18px;font-weight:600}.sheet-x{cursor:pointer;width:36px;height:36px;color:var(--dim);border:1px solid var(--glass-brd);transition:.2s var(--ease);background:#ffffff0d;border-radius:11px;flex:none;place-items:center;display:grid}.sheet-x:hover{color:#fff;background:#ffffff1a}.sheet-x svg{width:18px;height:18px}.sheet-list{flex-direction:column;gap:10px;display:flex}.sheet-item{--tc:#a855f7;text-align:left;cursor:pointer;color:#fff;border:1px solid var(--glass-brd);border-left:3px solid var(--tc);width:100%;transition:.2s var(--ease);background:#ffffff0a;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.sheet-item:active{transform:scale(.985)}.sheet-item:hover{background:color-mix(in srgb,var(--tc) 12%,transparent);border-color:color-mix(in srgb,var(--tc) 40%,transparent);border-left-color:var(--tc)}.sheet-item .si{color:#fff;background:linear-gradient(150deg,var(--tc),color-mix(in srgb,var(--tc) 45%,#0b0816));width:48px;height:48px;box-shadow:0 10px 22px -12px var(--tc);border-radius:13px;flex:none;place-items:center;display:grid}.sheet-item .si svg{width:25px;height:25px}.sheet-item .stx{flex:1;min-width:0}.sheet-item .stx b{font-family:var(--ff-disp);color:#fff;font-size:15.5px;font-weight:600;display:block}.sheet-item .stx span{color:var(--dim2);margin-top:3px;font-size:12.5px;line-height:1.35;display:block}.sheet-item .sarr{color:var(--tc);opacity:.7;flex:none}.sheet-item .sarr svg{width:18px;height:18px}@media (max-width:700px){body{--tabbar-h:72px}.work-in{padding-bottom:calc(28px + var(--player-h) + var(--tabbar-h))}.tabbar{z-index:70;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 14px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#160f26eb,#0e0918f7);border-top:1px solid #8b5cf642;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 40px -22px #000c}.tabbar:before{content:"";background:linear-gradient(90deg,#0000,#a855f780,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.tab{cursor:pointer;color:var(--dim2);transition:color .2s var(--ease);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:11px 4px 0;display:flex}.tab .tab-ic{place-items:center;width:25px;height:25px;display:grid}.tab .tab-ic svg{width:24px;height:24px}.tab .tab-nm{font-family:var(--ff-body);letter-spacing:.01em;font-size:10.5px;font-weight:700}.tab:active{transform:scale(.94)}.tab.active{color:var(--c-songs)}.tab.active .tab-ic{filter:drop-shadow(0 3px 9px color-mix(in srgb,var(--c-songs) 60%,transparent))}.tab-fab{cursor:pointer;width:78px;color:var(--accent-hi);background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;display:flex;transform:translateY(-18px)}.tab-fab .fab-btn{color:#fff;width:58px;height:58px;transition:transform .22s var(--ease), filter .22s;background:linear-gradient(140deg,#7c3aed,#a855f7);border:1px solid #c77dff80;border-radius:19px;place-items:center;display:grid;box-shadow:0 12px 30px -8px #7c3aedd9,0 0 0 5px #0a0612e6,0 0 26px -4px #a855f799}.tab-fab .fab-btn svg{width:27px;height:27px}.tab-fab .tab-nm{font-family:var(--ff-body);color:var(--accent-hi);font-size:10.5px;font-weight:700}.tab-fab:active .fab-btn{transform:scale(.93)}body.sheet-open .tab-fab .fab-btn{filter:brightness(1.12);box-shadow:0 12px 30px -8px #7c3aedf2,0 0 0 5px #0a0612e6,0 0 34px #a855f7cc}.grow .g-ic.audio .g-play{opacity:1;background:#08051052}.player-bar{left:8px;right:8px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 7px);padding:0}.player-bar.up{transform:none}.pb-in{border-radius:15px;flex-wrap:nowrap;align-items:center;gap:11px;min-height:58px;margin:0;padding:9px 11px;position:relative;overflow:hidden}.pb-track{cursor:pointer;flex:1;order:0;gap:11px;width:auto;min-width:0}.pb-cov{border-radius:10px;width:40px;height:40px}.pb-cov svg{width:21px;height:21px}.pb-track .pt b{font-size:14px}.pb-track .pt span{display:none}.pb-ctr{display:contents}.pb-btns{flex:none;order:1;gap:0}.pb-btns .pb-mini{display:none}.pb-play{width:40px;height:40px}.pb-play svg{width:19px;height:19px}.pb-prog{gap:0;width:auto;max-width:none;position:absolute;top:0;left:0;right:0}.pb-prog .pb-time{display:none}.pb-prog .pb-rail{background:#ffffff24;border-radius:0;height:3px}.pb-right,.pb-collapse{display:none}body.player-full .tabbar{pointer-events:none;transform:translateY(110%)}body.player-full .player-bar{z-index:115;position:fixed;inset:0;transform:none}body.player-full .pb-in{height:100dvh;min-height:0;padding:calc(env(safe-area-inset-top) + 56px) 26px calc(env(safe-area-inset-bottom) + 34px);background:radial-gradient(120vw 60vh at 50% -6%, color-mix(in srgb,var(--ptc,#a855f7) 30%, #0a0612), #0a0612 70%);border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;overflow:auto}body.player-full .pb-track{text-align:center;cursor:default;flex-direction:column;flex:none;order:1;align-items:center;gap:26px;width:100%;margin-top:6vh}body.player-full .pb-cov{border-radius:28px;width:min(66vw,280px);height:min(66vw,280px);box-shadow:0 40px 90px -30px #000c}body.player-full .pb-cov svg{width:34%;height:34%}body.player-full .pb-track .pt{width:100%}body.player-full .pb-track .pt b{font-size:24px;line-height:1.2}body.player-full .pb-track .pt span{margin-top:8px;font-size:14px;display:block}body.player-full .pb-prog{order:2;gap:11px;width:100%;max-width:440px;margin-top:34px;position:static}body.player-full .pb-prog .pb-time{font-size:12px;display:block}body.player-full .pb-prog .pb-rail{border-radius:99px;height:6px}body.player-full .pb-btns{order:3;gap:30px;margin-top:26px}body.player-full .pb-btns .pb-mini{display:grid}body.player-full .pb-mini svg{width:26px;height:26px}body.player-full .pb-play{width:68px;height:68px}body.player-full .pb-play svg{width:30px;height:30px}body.player-full .pb-right{order:4;justify-content:center;gap:18px;width:100%;max-width:440px;margin-top:30px;display:flex}body.player-full .pb-vol{flex:1;max-width:200px;display:flex}body.player-full .pb-volrail{flex:1}body.player-full .pb-dl{display:inline-flex}body.player-full .pb-x{top:calc(env(safe-area-inset-top) + 14px);display:grid;position:absolute;right:18px}body.player-full .pb-collapse{top:calc(env(safe-area-inset-top) + 14px);cursor:pointer;color:#fff;border:1px solid var(--glass-brd);background:#ffffff0f;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:absolute;left:18px}body.player-full .pb-collapse svg{width:22px;height:22px}}@media (max-width:380px){.sheet-item{gap:11px;padding:12px}.sheet-item .si{width:44px;height:44px}.sheet-item .stx span{display:none}}