@font-face{font-family:Peyda;src:url(/fonts/PeydaFaNumWeb-Light\ 300.woff2) format("woff2");font-weight:Light 300;font-display:swap}@font-face{font-family:Peyda Latin;src:url(/fonts/PeydaWeb-.woff2) format("woff2");font-weight:;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaFaNumWeb-Regular\ 400.woff2) format("woff2");font-weight:Regular 400;font-display:swap}@font-face{font-family:Peyda Latin;src:url(/fonts/PeydaWeb-.woff2) format("woff2");font-weight:;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaFaNumWeb-Medium\ 500.woff2) format("woff2");font-weight:Medium 500;font-display:swap}@font-face{font-family:Peyda Latin;src:url(/fonts/PeydaWeb-.woff2) format("woff2");font-weight:;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaFaNumWeb-Bold\ 700.woff2) format("woff2");font-weight:Bold 700;font-display:swap}@font-face{font-family:Peyda Latin;src:url(/fonts/PeydaWeb-.woff2) format("woff2");font-weight:;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaFaNumWeb-Black\ 900.woff2) format("woff2");font-weight:Black 900;font-display:swap}@font-face{font-family:Peyda Latin;src:url(/fonts/PeydaWeb-.woff2) format("woff2");font-weight:;font-display:swap}:root{--bg: #000;--tint: 120 150 40;--glass: rgba(28, 28, 32, .55);--glass-strong: rgba(22, 22, 26, .78);--glass-hi: rgba(255, 255, 255, .07);--hair: rgba(255, 255, 255, .09);--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .12);--line: rgba(255, 255, 255, .1);--text: #fff;--muted: rgba(255, 255, 255, .58);--faint: rgba(255, 255, 255, .36);--volt: #C6FF3D;--volt-glow: #c6ff3d55;--accent: var(--volt);--grad: var(--volt);--danger: #FF5470;--ok: #3DDC97;--radius: 14px;--player-h: 76px;--blur: saturate(180%) blur(28px);--ease: cubic-bezier(.2, .8, .2, 1);--font: "Peyda", "Peyda Latin", -apple-system, system-ui, sans-serif;color-scheme:dark}html[lang=en]{--font: "Peyda Latin", "Peyda", -apple-system, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--hair);border-radius:10px;padding:10px 12px;width:100%;transition:border-color .2s,background .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);background:var(--surface-3)}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:10px;border:3px solid transparent;background-clip:padding-box}h1{font-weight:900;font-size:clamp(30px,4.6vw,54px);margin:.15em 0;line-height:1.08;letter-spacing:-.5px}h2{font-weight:800;font-size:21px;margin:0}.muted{color:var(--muted)}.small{font-size:12.5px}.err{color:var(--danger)}.glass{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hair)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(60% 50% at 15% 0%,rgb(var(--tint) / .35),transparent 70%),radial-gradient(50% 50% at 100% 100%,rgb(var(--tint) / .22),transparent 70%),#050505;transition:background 1.2s}.ambient-art{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:center / cover no-repeat;filter:blur(110px) saturate(1.6);opacity:.35;animation:ambIn 1.4s var(--ease) both,bgzoom 40s ease-in-out infinite alternate}@keyframes ambIn{0%{opacity:0}}.app{position:relative;display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr;height:100%}.app>:is(.sidebar,.main){position:relative;z-index:1}.sidebar{margin:10px;margin-inline-end:0;border-radius:20px;padding:18px 12px calc(var(--player-h) + 28px);display:flex;flex-direction:column;gap:6px;min-height:0;overflow:auto}.brand{padding:4px 10px 12px}.logo{display:inline-flex;align-items:center;gap:10px}.logo-word{font-weight:900;font-size:24px;letter-spacing:-.5px}.side-search{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:10px;padding:0 10px;color:var(--faint);margin-bottom:8px}.side-search input{background:none;border:0;padding:8px 0}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;font-weight:500;color:#ffffffd1;transition:background .2s,color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav a svg{color:var(--accent);flex:none}.side-nav a:hover{background:var(--surface-2)}.side-nav a.active{background:var(--surface-3);color:#fff}.side-label{display:flex;justify-content:space-between;align-items:center;padding:18px 10px 6px;font-size:12px;font-weight:700;color:var(--faint)}.mini-tile{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);flex:none}.side-nav a .mini-tile svg{color:var(--muted)}.mini-tile.liked{background:var(--accent)}.side-nav a .mini-tile.liked svg{color:#000}.side-foot{margin-top:auto;padding:12px 4px 0}.liked-tile{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--accent);color:#000}.liked-tile.big{width:220px;height:220px;border-radius:16px;box-shadow:0 30px 60px #00000080}.liked-tile.fill{width:100%;height:100%;aspect-ratio:1}.main{overflow:auto;min-height:0;scroll-behavior:smooth}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 32px;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}.topbar.scrolled{background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-color:var(--hair)}.brand-mobile{visibility:hidden}.topbar-actions{display:flex;gap:8px;align-items:center}.icon-btn.only-mobile{display:none}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fff,var(--accent));color:#000;font-weight:900;display:grid;place-items:center}.content{padding:0 32px calc(var(--player-h) + 48px)}.page{max-width:1500px;margin:0 auto}.page.center{display:grid;place-items:center;gap:16px;padding-top:80px}.loading{display:grid;place-items:center;height:60vh;animation:pulse 1.4s infinite ease-in-out}@keyframes pulse{50%{opacity:.4;transform:scale(.95)}}.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 22px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .15s var(--ease),background .2s,box-shadow .25s}.pill:hover{transform:scale(1.03)}.pill:active{transform:scale(.97)}.pill.light{background:#fff;color:#000}.pill.accent{background:var(--accent);color:#000}.pill.ghost{color:var(--muted)}.pill.ghost:hover{color:#fff;background:var(--surface-2)}.pill.outline,.pill.glassy{background:var(--surface-2);border:1px solid var(--hair);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.pill.outline:hover,.pill.glassy:hover{background:var(--surface-3)}.pill.sm{padding:7px 14px;font-size:13px}.pill.wide{width:100%;margin-top:8px}.pill.danger{color:var(--danger)}.pill:disabled{opacity:.5}.icon-btn{display:inline-grid;place-items:center;color:var(--muted);padding:7px;border-radius:50%;position:relative;transition:color .2s,background .2s,transform .15s}.icon-btn:hover{color:#fff;background:var(--surface-2)}.icon-btn.on,.icon-btn.liked{color:var(--accent)}.icon-btn sup{position:absolute;font-size:9px;top:2px;inset-inline-end:2px}.glass-btn{background:var(--surface-2)}html[dir=rtl] .flip svg{transform:scaleX(-1)}.chip{padding:7px 15px;border-radius:999px;background:var(--surface-2);border:1px solid var(--hair);font-size:13.5px;font-weight:500;transition:.2s}.chip:hover{background:var(--surface-3)}.chip.on{background:#fff;color:#000;border-color:#fff}.badge{font-size:10px;font-weight:800;background:var(--accent);color:#000;padding:2px 7px;border-radius:5px;margin-inline-start:8px;vertical-align:middle}.greet{font-size:clamp(28px,3.4vw,40px);margin:6px 0 18px}.featured{position:relative;height:clamp(260px,38vw,420px);border-radius:24px;overflow:hidden;margin-bottom:34px;box-shadow:0 40px 80px #00000073;border:1px solid var(--hair)}.feat-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s var(--ease);display:flex;align-items:flex-end}.feat-slide.on{opacity:1;z-index:1}.feat-bg{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:center / cover no-repeat #222;filter:blur(40px) saturate(1.4) brightness(.6);transform:scale(1.1)}.feat-slide.on .feat-bg{animation:bgzoom 14s ease-in-out both}.feat-art{display:block;position:absolute;height:calc(100% - 64px);inset-block:32px;inset-inline-end:40px;aspect-ratio:1;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px #0000008c;transform:rotate(-3deg);transition:transform .8s var(--ease)}html[dir=ltr] .feat-art{transform:rotate(3deg)}.feat-slide.on .feat-art{animation:featArt 1s var(--ease) both}@keyframes featArt{0%{opacity:0;transform:translateY(30px) rotate(0) scale(.92)}}.feat-art .cover{width:100%;height:100%;border-radius:0}.feat-text{position:relative;padding:40px;max-width:55%}.feat-slide.on .feat-text>*{animation:rise .7s var(--ease) both}.feat-slide.on .feat-text>*:nth-child(2){animation-delay:.08s}.feat-slide.on .feat-text>*:nth-child(3){animation-delay:.16s}.feat-slide.on .feat-text>*:nth-child(4){animation-delay:.24s}.feat-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.feat-title{font-size:clamp(28px,4.4vw,58px);font-weight:900;line-height:1.05;margin:8px 0}.feat-sub{color:#ffffffbf;font-size:17px;margin-bottom:18px}.feat-dots{position:absolute;z-index:2;bottom:18px;inset-inline-end:40px;display:flex;gap:6px}.feat-dots button{width:7px;height:7px;border-radius:99px;background:#ffffff59;transition:width .4s var(--ease),background .3s;padding:0}.feat-dots button.on{width:24px;background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:30px}.quick{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--hair);border-radius:12px;overflow:hidden;font-weight:700;text-align:start;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);transition:background .2s,transform .2s var(--ease)}.quick:hover{background:var(--surface-3);transform:translateY(-2px)}.quick .cover{border-radius:0;box-shadow:none}.hero-empty{display:grid;place-items:center;gap:10px;padding:60px 0;color:var(--muted);font-size:20px}.shelf{margin-bottom:34px}.shelf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.shelf-head h2{display:flex;align-items:center;gap:4px}.shelf-nav{display:flex;gap:6px}.shelf-nav button{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.shelf-nav button:hover{color:#fff;background:var(--surface-3)}.shelf-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,200px);gap:20px;overflow-x:auto;padding:4px 4px 12px;margin:-4px;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.shelf-row::-webkit-scrollbar{display:none}.shelf-row>*{scroll-snap-align:start}.shelf-row.wrap{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.card{display:block;border-radius:14px}.card-img{position:relative;margin-bottom:10px}.card-title{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{color:var(--muted);font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card:hover .card-title{color:var(--accent)}.fab{position:absolute;bottom:10px;inset-inline-end:10px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#000;display:grid;place-items:center;box-shadow:0 10px 24px #00000080;opacity:0;transform:translateY(8px) scale(.9);transition:.25s var(--ease)}.card:hover .fab{opacity:1;transform:none}.cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block;background:var(--surface-2);flex:none;box-shadow:0 14px 30px #00000059}.cover.round{border-radius:50%}.cover.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#ffffff1a,#ffffff08)}.hero{display:flex;align-items:flex-end;gap:32px;padding:20px 0 28px}.hero>.cover,.hero .upload-avatar .cover{box-shadow:0 40px 70px #0000008c;border-radius:18px}.hero>.cover.round{border-radius:50%}.hero h1{font-size:clamp(32px,5vw,64px)}.hero .small{font-weight:800;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.hero-sub{color:var(--muted);font-weight:500}.hero-sub a{color:#fff;font-weight:700}.actions-bar{display:flex;align-items:center;gap:12px;padding:0 0 22px}.play-big{height:46px;padding:0 26px;border-radius:999px;background:var(--accent);color:#000;display:inline-flex;align-items:center;gap:8px;font-weight:800;transition:transform .15s var(--ease),box-shadow .3s}.play-big:hover{transform:scale(1.04);box-shadow:0 0 30px var(--volt-glow)}.artist-banner{position:relative;height:clamp(300px,42vw,460px);margin:-64px -32px 26px;display:flex;align-items:flex-end;overflow:hidden}.artist-banner .ab-img{position:absolute;top:0;right:0;bottom:0;left:0;background:center 25% / cover no-repeat;transform:scale(1.05);animation:bannerIn 1.4s var(--ease) both}.artist-banner .ab-img.blank{background:radial-gradient(70% 90% at 70% 0%,rgb(var(--tint) / .6),transparent),linear-gradient(160deg,#1d1d22,#0b0b0d)}@keyframes bannerIn{0%{transform:scale(1.2);opacity:0}}.artist-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,5,5,.95) 0%,rgba(5,5,5,.25) 55%,transparent 80%)}.ab-text{position:relative;z-index:1;padding:0 32px 28px}.ab-text h1{font-size:clamp(44px,8vw,104px);letter-spacing:-2px;line-height:.95;animation:rise .8s .1s var(--ease) both}.ab-text .verified{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:var(--accent)}.ab-text .hero-sub{animation:rise .8s .2s var(--ease) both}.bio{color:var(--muted);max-width:70ch;line-height:1.9;background:var(--surface);border:1px solid var(--hair);border-radius:16px;padding:18px 22px}.claim-box{margin-top:32px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-radius:16px;color:var(--muted)}.claim-box>div{display:flex;gap:10px;align-items:center}.claim-box svg{color:var(--accent)}.tracklist{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:6px}.track-row{display:grid;grid-template-columns:36px minmax(0,4fr) minmax(0,3fr) auto;align-items:center;gap:14px;padding:7px 10px;border-radius:12px}.track-row+.track-row{box-shadow:0 -1px 0 var(--hair)}.track-row:hover{background:var(--surface-2);box-shadow:none}.track-row:hover+.track-row{box-shadow:none}.track-row.active{background:rgb(var(--tint) / .18)}.track-row.active .tr-title{color:var(--accent)}.tr-num{color:var(--faint);display:grid;place-items:center;width:30px;height:30px;font-variant-numeric:tabular-nums}.tr-num svg{display:none}.track-row:hover .tr-num .n{display:none}.track-row:hover .tr-num svg,.track-row.active .tr-num svg{display:block;color:#fff}.tr-main{display:flex;align-items:center;gap:12px;min-width:0}.tr-main .cover{width:42px;border-radius:8px;box-shadow:none}.tr-text{display:flex;flex-direction:column;min-width:0}.tr-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-artist{color:var(--muted);font-size:13px}.tr-artist:hover,.tr-album a:hover{color:#fff;text-decoration:underline}.tr-album{color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-actions{display:flex;align-items:center;gap:2px;color:var(--muted);font-size:13px}.tr-actions .icon-btn{opacity:0}.track-row:hover .tr-actions .icon-btn,.tr-actions .icon-btn.liked{opacity:1}.tr-dur{min-width:44px;text-align:end;font-variant-numeric:tabular-nums}.menu-wrap{position:relative}.menu{position:absolute;z-index:20;inset-inline-end:0;top:100%;background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--hair);border-radius:12px;padding:6px;min-width:210px;box-shadow:0 20px 40px #0009;animation:pop .25s var(--ease)}.menu button{display:block;width:100%;text-align:start;padding:9px 12px;border-radius:8px}.menu button:hover{background:var(--surface-3)}.menu-h{padding:8px 12px;font-size:12px;color:var(--faint)}.player{position:fixed!important;z-index:30!important;bottom:14px;inset-inline:294px 24px;height:var(--player-h);display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:16px;padding:0 14px;border-radius:22px;background:var(--glass-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--hair);box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff0f;overflow:hidden;animation:rise .6s var(--ease) both}.player.empty{display:none}.pl-now{display:flex;align-items:center;gap:12px;min-width:0}.pl-now .cover{width:52px;border-radius:10px}.pl-center{display:flex;flex-direction:column;align-items:center;gap:4px}.pl-controls{display:flex;align-items:center;gap:12px}.play-btn{width:38px;height:38px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center}.pl-progress{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;font-variant-numeric:tabular-nums}.pl-right{display:flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--muted)}.pl-right input{max-width:110px}.pl-mini-progress{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;padding:0;border:0;border-radius:4px;background:linear-gradient(to right,#fff var(--pct, 0%),rgba(255,255,255,.2) var(--pct, 0%));cursor:pointer}input[type=range]:focus{background:linear-gradient(to right,#fff var(--pct, 0%),rgba(255,255,255,.2) var(--pct, 0%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;transition:opacity .2s}input[type=range]:hover::-webkit-slider-thumb{opacity:1}.mobile-nav{display:none}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--hair);border-radius:14px;padding:6px 16px;max-width:560px;margin:8px 0 26px;color:var(--muted);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.search-box input{background:none;border:0;font-size:17px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:200;padding:16px;animation:ambIn .25s both}.modal{background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--hair);border-radius:22px;padding:26px;width:min(520px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:12px;box-shadow:0 40px 80px #0009;animation:pop .35s var(--ease)}label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted)}label.check{flex-direction:row;align-items:center;gap:8px;display:inline-flex;margin-inline-end:12px}label.check input{width:auto;accent-color:var(--accent)}.row{display:flex;gap:8px}.row-end{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.form-card{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.table th{text-align:start;color:var(--faint);font-weight:600;border-bottom:1px solid var(--hair);padding:10px 8px;font-size:12.5px}.table td{padding:10px 8px;border-bottom:1px solid var(--hair)}.table input{padding:6px 8px}.table tr.dim{opacity:.5}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:16px 0}.stat{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:4px}.stat b{font-size:32px;font-weight:900;color:var(--accent)}.stat span{color:var(--muted);font-size:13px}.results li.ok{color:var(--ok)}.evidence{white-space:pre-wrap;background:var(--surface-2);padding:12px;border-radius:10px;font-family:inherit}.kv div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:700}.upload-avatar{cursor:pointer}.auth-page{position:relative;min-height:100%;display:grid;place-items:center;padding:16px;overflow:hidden;background:radial-gradient(50% 50% at 20% 20%,#c6ff3d30,transparent 70%),radial-gradient(40% 40% at 85% 80%,#ffffff18,transparent 70%),#050505}.auth-card{width:min(400px,100%);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--hair);border-radius:26px;padding:36px;display:flex;flex-direction:column;gap:14px;text-align:center;box-shadow:0 40px 80px #00000080;animation:pop .5s var(--ease)}.auth-card svg{align-self:center}.auth-card h1{font-size:28px}.auth-card label{text-align:start}.auth-card a{color:var(--accent)}.premium-hero{text-align:center;padding:30px 0}.premium-hero>svg{color:var(--accent);filter:drop-shadow(0 0 20px var(--volt-glow))}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,320px));gap:18px;justify-content:center}.plan{position:relative;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--hair);overflow:hidden;transition:transform .3s var(--ease),border-color .3s}.plan:before{content:"";position:absolute;inset:-40% -40% auto auto;width:80%;aspect-ratio:1;background:radial-gradient(circle,#c6ff3d33,transparent 70%);pointer-events:none}.plan:hover{transform:translateY(-6px);border-color:#c6ff3d55}.plan h3{margin:0;font-weight:900;font-size:22px}.plan .price{font-size:36px;font-weight:900}.plan .price small{font-size:14px;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:9px}.plan li{display:flex;gap:8px;align-items:center}.plan li svg{color:var(--accent)}@media (max-width: 860px){:root{--player-h: 62px}.app{grid-template-columns:1fr}.sidebar{display:none}.brand-mobile{visibility:visible}.icon-btn.only-mobile{display:inline-grid}.topbar{padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}.content{padding:0 16px calc(var(--player-h) + 110px)}.player{inset-inline:10px;bottom:calc(76px + env(safe-area-inset-bottom));grid-template-columns:1fr auto;border-radius:16px;padding:0 10px}.player.empty{display:none}.pl-now .cover{width:44px}.pl-progress,.pl-right,.pl-controls .icon-btn{display:none}.pl-mini-progress{display:block;position:absolute;bottom:0;inset-inline-start:0;height:2px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:30;inset-inline:0;bottom:0;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-radius:0;border-width:1px 0 0;background:var(--glass-strong)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--faint);transition:color .2s}.mobile-nav a.active{color:var(--accent)}.track-row{grid-template-columns:minmax(0,1fr) auto;padding:8px 6px}.tr-num,.tr-album,.tr-dur{display:none}.tr-actions .icon-btn{opacity:1}.hero{flex-direction:column;align-items:center;text-align:center}.hero .cover,.liked-tile.big{width:220px!important;height:220px!important}.actions-bar{justify-content:center}.artist-banner{margin:-58px -16px 20px}.ab-text{padding:0 16px 22px}.featured{height:380px;border-radius:20px}.feat-slide{align-items:flex-end}.feat-art,html[dir=ltr] .feat-art{top:22px;bottom:auto;inset-inline:auto;left:50%;height:auto;width:40%;transform:translate(-50%) rotate(-3deg)}.feat-slide.on .feat-art{animation:none}.feat-text{max-width:100%;padding:20px}.feat-title{font-size:26px}.feat-sub{font-size:14px;margin-bottom:12px}.feat-dots{inset-inline-end:20px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick{font-size:13px}.quick .cover{width:48px!important;height:48px!important}.shelf-row{grid-auto-columns:148px;gap:14px}.shelf-nav{display:none}.table{display:block;overflow-x:auto}}.artist-banner .ab-img.soft{filter:blur(30px) saturate(1.3);top:-40px;right:-40px;bottom:-40px;left:-40px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translate(0) scale(1)}33%{transform:translate(8%,-6%) scale(1.15)}66%{transform:translate(-6%,8%) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes bgzoom{0%{transform:scale(1.3) rotate(0)}to{transform:scale(1.6) rotate(8deg)}}@keyframes marquee{0%,15%{transform:translate(0)}85%,to{transform:translate(var(--shift, 0))}}@keyframes eq{0%,to{height:25%}50%{height:100%}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes shine{0%{transform:translate(-120%) skew(-20deg)}to{transform:translate(220%) skew(-20deg)}}.page>*,.shelf,.hero{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}.track-row{animation:rise .4s cubic-bezier(.2,.8,.2,1) both;transition:background .15s,transform .15s}.track-row:active{transform:scale(.99)}.card{transition:background .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.card:hover{transform:translateY(-4px)}.card:hover .cover{box-shadow:0 12px 30px #000c,0 0 0 1px #c6ff3d33}.cover{transition:box-shadow .3s,transform .3s}.fab,.play-big,.liked-tile{background:var(--accent);color:#000}.play-big{box-shadow:0 0 0 0 var(--volt-glow);transition:transform .15s,box-shadow .3s}.play-big:hover{box-shadow:0 0 32px var(--volt-glow)}.pill.accent{background:var(--accent);color:#000;box-shadow:0 0 0 0 var(--volt-glow);transition:transform .15s,box-shadow .25s}.pill.accent:hover{box-shadow:0 0 24px var(--volt-glow)}.eq{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:14px;vertical-align:-1px}.eq i{flex:1;background:var(--accent);border-radius:1px;height:30%}.eq.on i{animation:eq .9s ease-in-out infinite}.eq.on i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.eq.on i:nth-child(3){animation-duration:1.1s;animation-delay:-.5s}.eq.on i:nth-child(4){animation-duration:.8s;animation-delay:-.15s}.eq:not(.on){display:none}.tr-num .eq+svg,.track-row.active:not(:hover) .tr-num svg{display:none}.track-row:hover .tr-num .eq{display:none}.track-row:hover .tr-num .eq+svg{display:block}.pp{position:relative;display:inline-block}.pp svg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}.pp .pp-pause{opacity:0;transform:rotate(-90deg) scale(.4)}.pp.is-playing .pp-play{opacity:0;transform:rotate(90deg) scale(.4)}.pp.is-playing .pp-pause{opacity:1;transform:none}.player{transition:background .4s}.play-btn{transition:transform .15s,box-shadow .3s}.play-btn:hover{transform:scale(1.08)}.player.playing .play-btn{box-shadow:0 0 18px #ffffff40}.pl-cover{position:relative;padding:0;border-radius:6px;overflow:hidden;animation:pop .45s cubic-bezier(.2,.8,.2,1);flex:none}.pl-expand{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0009;opacity:0;transition:opacity .2s}.pl-expand svg{transform:rotate(180deg)}.pl-cover:hover .pl-expand{opacity:1}.pl-text{animation:rise .4s .05s both}.pl-text .tr-title{display:flex;align-items:center;gap:8px}.pl-progress input[type=range]{transition:height .15s}.pl-progress input[type=range]:hover{height:6px}.player.playing .pl-progress input[type=range]{background:linear-gradient(to right,var(--accent) var(--pct, 0%),#ffffff33 var(--pct, 0%));filter:drop-shadow(0 0 6px var(--volt-glow))}.pl-mini-progress{background:var(--accent)!important;box-shadow:0 0 8px var(--accent)}.np{--beat: 0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:#000;transform:translateY(100%);transition:transform .55s cubic-bezier(.16,1,.3,1);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.np.open{transform:none}.np-bg{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:center/cover no-repeat #111;filter:blur(60px) saturate(1.4) brightness(.45);animation:bgzoom 30s ease-in-out infinite alternate,fadein 1s both;opacity:calc(.7 + var(--beat) * .3)}@keyframes fadein{0%{opacity:0}}.np-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen}.np-orbs i{position:absolute;width:50vmax;height:50vmax;border-radius:50%;filter:blur(80px);opacity:calc(.12 + var(--beat) * .35);animation:drift 18s ease-in-out infinite}.np-orbs i:nth-child(1){background:#c6ff3d;top:-20%;left:-15%}.np-orbs i:nth-child(2){background:#fff;bottom:-25%;right:-10%;animation-duration:24s;animation-delay:-6s;opacity:calc(.05 + var(--beat) * .15)}.np-orbs i:nth-child(3){background:#7dff9a;top:30%;right:20%;width:30vmax;height:30vmax;animation-duration:14s;animation-delay:-3s}.np-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.np>*:not(.np-bg):not(.np-orbs):not(.np-grain){position:relative}.np-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.np-tabs{display:flex;gap:4px;background:#ffffff14;border-radius:999px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.np-tabs button{padding:6px 14px;border-radius:999px;font-size:13px;color:var(--muted);transition:.25s}.np-tabs button.on{background:var(--text);color:#000}.np-body{display:grid;place-items:center;min-height:0;overflow:auto;padding:0 20px}.np-art{position:relative;display:grid;place-items:center;animation:pop .6s cubic-bezier(.2,.8,.2,1)}.ring-viz{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(calc(1 + var(--beat) * .06))}.np-cover{position:relative;border-radius:50%;overflow:hidden;transform:scale(calc(.97 + var(--beat) * .07));box-shadow:0 0 calc(20px + var(--beat) * 80px) rgba(198,255,61,calc(.15 + var(--beat) * .5)),0 30px 60px #000c;animation:spin 24s linear infinite;animation-play-state:paused}.np.playing .np-cover{animation-play-state:running}.np-cover .cover{width:100%;height:100%;border-radius:50%}.np-cover:after{content:"";position:absolute;top:42%;right:42%;bottom:42%;left:42%;border-radius:50%;background:#000;box-shadow:0 0 0 6px #fff2,inset 0 0 0 3px #c6ff3d}.np-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:1;pointer-events:none;background:repeating-radial-gradient(circle,transparent 0 3px,#0000000d 3px 4px)}.np-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:50%}.np-shine:before{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,#ffffff26,transparent);animation:shine 5s ease-in-out infinite}.np-foot{padding:0 24px 28px;max-width:640px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}.np-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;animation:rise .5s both}.np-meta .tr-artist{font-size:16px}.marquee{overflow:hidden;white-space:nowrap;font-size:clamp(22px,4vw,30px);font-weight:900;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee span{display:inline-block;animation:marquee 9s ease-in-out infinite alternate}.icon-btn.heart.liked{animation:pop .4s;filter:drop-shadow(0 0 8px var(--volt-glow))}.np-progress input[type=range]{height:6px;background:linear-gradient(to right,var(--accent) var(--pct, 0%),#ffffff2a var(--pct, 0%));filter:drop-shadow(0 0 calc(4px + var(--beat) * 10px) var(--volt-glow))}.np-progress input[type=range]::-webkit-slider-thumb{opacity:1;width:16px;height:16px;box-shadow:0 0 12px var(--accent);background:#fff}.np-times{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}.np-controls{display:flex;justify-content:space-between;align-items:center}.np-controls .icon-btn{color:var(--text);transition:transform .15s,color .2s}.np-controls .icon-btn:active{transform:scale(.85)}.np-controls .icon-btn.on{color:var(--accent);filter:drop-shadow(0 0 6px var(--volt-glow))}.np-play{position:relative;width:76px;height:76px;border-radius:50%;background:var(--accent);color:#000;display:grid;place-items:center;transform:scale(calc(1 + var(--beat) * .08));box-shadow:0 0 calc(10px + var(--beat) * 40px) var(--volt-glow);transition:box-shadow .1s}.np-play:active{transform:scale(.9)}.np-play-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent);opacity:0}.np.playing .np-play-ring{animation:ripple 1.6s ease-out infinite}.np-queue{list-style:none;padding:0;margin:0;width:min(560px,100%);align-self:start}.np-queue li{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer;animation:rise .4s both;transition:background .2s}.np-queue li:hover{background:#ffffff12}.np-queue li.on .tr-title{color:var(--accent)}.np-queue li .tr-text{flex:1}.np-lyrics{white-space:pre-wrap;font-family:inherit;font-size:clamp(18px,3vw,26px);font-weight:700;line-height:2;text-align:center;align-self:start;max-width:640px;animation:rise .5s both}@media (min-width: 861px){.np{grid-template-columns:1.1fr 1fr;grid-template-rows:auto 1fr}.np-head{grid-column:1 / -1}.np-foot{align-self:center;padding-inline-end:64px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}