*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#06080d;color:#eaf6ff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}*{-webkit-tap-highlight-color:transparent}button{font:inherit;background:none;border:none;cursor:pointer}button:focus-visible{outline:none;box-shadow:0 0 0 1px #ffffff73,0 0 0 6px #cfe9ff33}img,svg{display:block;max-width:100%}:root{--bg: #06080d;--bg-soft: #0d1118;--text: #eaf6ff;--text-muted: #8ea3b7;--accent: #7afcff;--accent-strong: #3ec7ff;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .08);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--shadow-lg: 0 30px 60px rgba(0, 0, 0, .5);--glow: 0 0 24px rgba(122, 252, 255, .25);--blur-lg: 22px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-soft)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.primary-button{padding:12px 26px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));color:#051015;font-weight:600;box-shadow:var(--glow);transition:.2s ease}.primary-button:hover{transform:translateY(-2px)}.ghost-button{padding:10px 16px;border-radius:var(--radius-md);color:var(--text-muted);transition:.2s ease}.ghost-button:hover{background:var(--glass);color:var(--text)}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;transition:.2s ease}.icon-button:hover{background:var(--glass)}.app{height:100%;display:flex;flex:1;min-height:0;width:100%}.main{flex:1;min-height:0;display:flex;flex-direction:column;gap:20px}.page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent;scroll-behavior:smooth;scroll-padding-top:24px;overscroll-behavior:contain;scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){html,body,.page{scroll-behavior:auto}}.app-shell{min-height:100dvh;height:100dvh;width:100%;position:relative;display:flex;flex-direction:column}.page-stack{position:relative;flex:1;min-height:0;overflow:hidden}.page-motion{position:absolute;inset:0;height:100%;width:100%;display:flex;flex-direction:column;will-change:transform,opacity}.page-motion>.page{width:100%;height:100%}.page-credit{display:flex;align-items:center;justify-content:center;min-height:30px;margin-top:18px;padding-bottom:clamp(170px,22vh,250px);pointer-events:none}.page-credit__text{display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#111725e0;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.76);background:linear-gradient(110deg,#ffffff94,#ffffff57);box-shadow:0 8px 22px #2f436826,0 0 16px #a98bff33;animation:creditPulse 2.8s ease-in-out infinite}@keyframes creditPulse{0%,to{transform:translateY(0);box-shadow:0 8px 22px #2f436824,0 0 14px #a98bff2e}50%{transform:translateY(-1px);box-shadow:0 10px 26px #2f436833,0 0 18px #4ee3ff33,0 0 20px #ff9ec92e}}.lens-wipe{position:fixed;inset:0;z-index:2000;pointer-events:none;transform-origin:left center;background:linear-gradient(110deg,#ffffff14,#ffffffbf,#ffffff14);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.lens-wipe__beam{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(210,225,255,.45),transparent 60%),radial-gradient(circle at 80% 50%,rgba(255,230,245,.4),transparent 60%);opacity:.7}.animate-fade-slide{animation:fadeSlide .75s cubic-bezier(.22,1,.36,1) both}.animate-card{animation:cardIn .9s cubic-bezier(.22,1,.36,1) both}@keyframes fadeSlide{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.animate-fade-slide,.animate-card,.page-credit__text{animation:none}.lens-wipe{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:740px){.page-credit{padding-bottom:calc(220px + env(safe-area-inset-bottom))}.page-credit__text{font-size:.66rem;letter-spacing:.09em;padding:6px 10px}}.progress__fill.progress--28{width:28%}.progress__fill.progress--32{width:32%}.progress__fill.progress--46{width:46%}.progress__fill.progress--52{width:52%}.progress__fill.progress--58{width:58%}.progress__fill.progress--64{width:64%}.progress__fill.progress--72{width:72%}.progress__fill.progress--76{width:76%}.icon{display:inline-block;width:18px;height:18px;color:currentColor;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.icon--play{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M7 5l12 7-12 7z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M7 5l12 7-12 7z'/></svg>")}.icon--pause{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5h4v14H6zM14 5h4v14h-4z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5h4v14H6zM14 5h4v14h-4z'/></svg>")}.icon--next{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5l8 7-8 7zM16 5h2v14h-2z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M6 5l8 7-8 7zM16 5h2v14h-2z'/></svg>")}.icon--prev{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M18 5l-8 7 8 7zM6 5h2v14H6z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M18 5l-8 7 8 7zM6 5h2v14H6z'/></svg>")}.icon--search{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='11' cy='11' r='6.5' stroke='white' stroke-width='2' fill='none'/><path d='M16.5 16.5L21 21' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='11' cy='11' r='6.5' stroke='white' stroke-width='2' fill='none'/><path d='M16.5 16.5L21 21' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>")}.icon--close{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 6l12 12M18 6l-12 12' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 6l12 12M18 6l-12 12' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>")}.icon--settings{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 6h16M4 12h16M4 18h16' stroke='white' stroke-width='2' stroke-linecap='round'/><circle cx='9' cy='6' r='2' fill='white'/><circle cx='15' cy='12' r='2' fill='white'/><circle cx='11' cy='18' r='2' fill='white'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 6h16M4 12h16M4 18h16' stroke='white' stroke-width='2' stroke-linecap='round'/><circle cx='9' cy='6' r='2' fill='white'/><circle cx='15' cy='12' r='2' fill='white'/><circle cx='11' cy='18' r='2' fill='white'/></svg>")}.icon--home{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M4 11l8-7 8 7v8a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M4 11l8-7 8 7v8a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1z'/></svg>")}.icon--library{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M5 4h6v16H5zM13 4h6v16h-6z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M5 4h6v16H5zM13 4h6v16h-6z'/></svg>")}.icon--playlist{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 6h10M4 12h10M4 18h10' stroke='white' stroke-width='2' stroke-linecap='round'/><path fill='white' d='M16 9l4 3-4 3z'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 6h10M4 12h10M4 18h10' stroke='white' stroke-width='2' stroke-linecap='round'/><path fill='white' d='M16 9l4 3-4 3z'/></svg>")}.icon--volume{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M4 10h4l5-4v12l-5-4H4z'/><path d='M16 9a4 4 0 0 1 0 6' stroke='white' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M4 10h4l5-4v12l-5-4H4z'/><path d='M16 9a4 4 0 0 1 0 6' stroke='white' stroke-width='2' stroke-linecap='round' fill='none'/></svg>")}.icon--collapse{mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14 6l-6 6 6 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M14 6l-6 6 6 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>")}.album-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:22px;cursor:pointer;overflow:hidden;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff59;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background .35s ease}.album-card.is-active{border-color:#cfe9ff73;box-shadow:0 24px 60px #0000008c,0 0 24px #cfe9ff59}.album-card__badge{position:absolute;top:14px;left:14px;padding:4px 10px;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#0b0c10;background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);box-shadow:0 8px 18px #00000059;z-index:2}.album-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,#cfe9ff 0%,transparent 55%),radial-gradient(circle at 80% 80%,#ffd6e7 0%,transparent 55%),radial-gradient(circle at 60% 10%,#e6ddff 0%,transparent 55%);opacity:0;transition:opacity .5s ease;pointer-events:none}@media(hover:hover){.album-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 30px 70px #0009,inset 0 1px #ffffff73}.album-card:hover:before{opacity:.35}.album-card:hover .album-card__action{opacity:1;transform:translateY(0) scale(1)}.album-card:hover .art,.album-card:hover .album-card__cover{transform:scale(1.06)}}.album-card__cover,.album-card .art{width:100%;height:clamp(100px,28vw,160px);border-radius:18px;background-size:cover;background-position:center;object-fit:cover;object-position:center;box-shadow:0 18px 40px #0009;transition:transform .6s cubic-bezier(.22,1,.36,1)}.album-card__meta{display:flex;flex-direction:column;gap:4px;padding:2px 2px 6px}.album-card__meta h3{font-size:.98rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em}.album-card__meta p{font-size:.82rem;color:#0c0c0c99;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card__action{position:absolute;bottom:16px;right:16px;width:42px;height:42px;border-radius:50%;border:none;display:grid;place-items:center;background:linear-gradient(135deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;box-shadow:0 14px 28px #00000080;cursor:pointer;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.album-card:active{transform:scale(.98)}@media(max-width:1100px){.album-card{border-radius:20px;padding:14px}}@media(max-width:768px){.album-card{padding:12px;gap:10px 12px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"cover cover" "meta action";align-items:center}.album-card__cover,.album-card .art{grid-area:cover;height:132px}.album-card__meta{grid-area:meta;min-width:0;padding:0}.album-card__meta h3{font-size:.92rem;min-height:2.4em}.album-card__action{grid-area:action;position:static;align-self:end;justify-self:end;margin:0;opacity:1;transform:none;width:40px;height:40px}}@media(max-width:480px){.album-card{gap:10px;border-radius:18px}.album-card__cover,.album-card .art{height:118px}.album-card__meta p{font-size:.78rem}.album-card__action{width:36px;height:36px}}.app__background{position:fixed;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(circle at 15% 20%,#0f1117,#0a0b10 40%,#07080c);pointer-events:none}.noise{position:absolute;inset:-50%;opacity:.035;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 1px,transparent 1px,transparent 2px);animation:noiseShift .3s steps(2) infinite}@keyframes noiseShift{0%{transform:translate(0)}to{transform:translate(-2px,2px)}}.orb{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(140px);opacity:.65;animation:floatOrb 22s ease-in-out infinite alternate;will-change:transform}.orb--one{top:-10%;left:-15%;background:radial-gradient(circle,rgba(207,233,255,.95) 0%,rgba(207,233,255,.55) 40%,transparent 70%)}.orb--two{bottom:-15%;right:-10%;background:radial-gradient(circle,rgba(230,221,255,.95) 0%,rgba(230,221,255,.55) 40%,transparent 70%);animation-duration:28s}.orb--three{top:40%;left:45%;background:radial-gradient(circle,rgba(255,214,231,.95) 0%,rgba(255,214,231,.55) 40%,transparent 70%);animation-duration:26s}@keyframes floatOrb{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(30px,-40px,0) scale(1.06)}to{transform:translate3d(-20px,30px,0) scale(1.02)}}@media(max-width:1024px){.orb{width:80vw;height:80vw;filter:blur(120px)}}@media(max-width:768px){.orb{width:110vw;height:110vw;filter:blur(110px);opacity:.55}}@media(max-width:480px){.orb{animation-duration:40s;opacity:.45}.noise{opacity:.025}}@media(prefers-reduced-motion:reduce){.orb,.noise{animation:none}}.page--home{position:relative;padding:42px clamp(18px,4vw,60px) 80px;display:flex;flex-direction:column;gap:42px;min-height:100vh;overflow-x:hidden;background:radial-gradient(60% 50% at 10% 15%,#cfe9ff 0%,transparent 60%),radial-gradient(60% 50% at 90% 75%,#ffd6e7 0%,transparent 60%),radial-gradient(50% 50% at 60% 10%,#e6ddff 0%,transparent 60%),radial-gradient(50% 50% at 30% 90%,#d7ffe9 0%,transparent 60%),#0b0c10;color:#ffffffeb}.glass-panel{background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:0 35px 90px #0000008c,inset 0 1px #ffffff59,inset 0 -1px #ffffff14;border-radius:28px}.ambient-wave-panel{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(116px,15vw,214px);padding:0;background:linear-gradient(138deg,#ffffff8f,#ffffff38)}.ambient-wave-panel__gradient{position:absolute;inset:-35% -10%;background:conic-gradient(from 100deg at 50% 50%,#4ee3ff42,#a98bff38,#ff9ec93d,#ffc97533,#97f0bc33,#4ee3ff42);filter:blur(34px) saturate(115%);z-index:0;opacity:.9;animation:ambientSpin 28s linear infinite;pointer-events:none}.ambient-wave-panel__orb{position:absolute;border-radius:50%;filter:blur(24px);opacity:.5;pointer-events:none;z-index:1}.ambient-wave-panel__orb--one{width:clamp(150px,24vw,340px);aspect-ratio:1/1;left:-8%;top:-20%;background:radial-gradient(circle,rgba(78,227,255,.5) 0%,transparent 72%);animation:ambientDriftOne 18s ease-in-out infinite}.ambient-wave-panel__orb--two{width:clamp(180px,30vw,430px);aspect-ratio:1/1;right:-10%;top:-16%;background:radial-gradient(circle,rgba(169,139,255,.46) 0%,transparent 74%);animation:ambientDriftTwo 21s ease-in-out infinite}.ambient-wave-panel__orb--three{width:clamp(170px,28vw,410px);aspect-ratio:1/1;left:30%;bottom:-46%;background:radial-gradient(circle,rgba(255,158,201,.38) 0%,transparent 74%);animation:ambientDriftThree 24s ease-in-out infinite}.ambient-wave-panel__sheen{position:absolute;inset:0;z-index:2;background:linear-gradient(104deg,transparent 0%,transparent 35%,rgba(255,255,255,.34) 49%,transparent 62%,transparent 100%);transform:translate(-140%);animation:ambientSheen 11s cubic-bezier(.25,.46,.45,.94) infinite;pointer-events:none}.ambient-wave-panel__veil{position:absolute;inset:0;background:linear-gradient(115deg,#0e121f29,#0e121f0a 42%,#161c2e1f),radial-gradient(70% 100% at 10% 50%,rgba(207,233,255,.12),transparent 68%),radial-gradient(70% 100% at 90% 50%,rgba(255,214,231,.14),transparent 68%);z-index:3;pointer-events:none}.ambient-wave-panel__glow{position:absolute;inset:0;background:radial-gradient(46% 84% at 16% 50%,rgba(207,233,255,.22) 0%,transparent 72%),radial-gradient(46% 84% at 84% 50%,rgba(255,214,231,.22) 0%,transparent 72%);pointer-events:none;z-index:4}.ambient-wave-panel__title{position:absolute;left:clamp(16px,3.4vw,44px);top:50%;transform:translateY(-50%);z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(.74rem,1.15vw,1.06rem);font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:#080c16c7;text-shadow:0 1px 2px rgba(255,255,255,.4)}.ambient-wave-panel__greeting{position:absolute;right:clamp(16px,3.6vw,44px);top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:min(56vw,360px);pointer-events:none}.ambient-wave-panel__welcome{font-size:clamp(.68rem,1vw,.9rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#080c16b8;text-shadow:0 1px 2px rgba(255,255,255,.38);animation:ambientWelcomePulse 2.8s ease-in-out infinite}.ambient-wave-panel__name{font-size:clamp(1rem,2vw,1.6rem);font-weight:700;line-height:1.1;color:#050a14db;text-shadow:0 1px 2px rgba(255,255,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:relative;display:inline-block;background:linear-gradient(120deg,#060c18e0,#141f34f2 42%,#ffffffeb,#152136f2 58%,#060c18e0);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ambientNameSweep 3.8s ease-in-out infinite,ambientNameFloat 5.2s ease-in-out infinite}@keyframes ambientWelcomePulse{0%,to{opacity:.76;transform:translateZ(0)}50%{opacity:1;transform:translate3d(0,-1px,0)}}@keyframes ambientNameSweep{0%{background-position:140% 50%;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{background-position:36% 50%;filter:drop-shadow(0 2px 7px rgba(255,255,255,.18))}to{background-position:-120% 50%;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}@keyframes ambientNameFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-2px,0)}}@keyframes ambientSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes ambientDriftOne{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(8%,9%,0) scale(1.07)}}@keyframes ambientDriftTwo{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-8%,7%,0) scale(1.09)}}@keyframes ambientDriftThree{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-10%,0) scale(1.08)}}@keyframes ambientSheen{0%,60%{transform:translate(-140%)}to{transform:translate(160%)}}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:clamp(20px,3vw,44px);padding:clamp(22px,3.8vw,42px);align-items:center;min-height:clamp(260px,34vw,380px);position:relative;overflow:hidden}.hero__copy{display:flex;flex-direction:column;gap:18px;justify-content:center;flex:1 1 420px;min-width:min(100%,280px);align-items:flex-start;position:relative;z-index:1}.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.hero h1{font-size:clamp(2.4rem,4vw,3.6rem);font-weight:650;letter-spacing:-.02em;line-height:1.08;word-break:break-word}.hero__subtitle{max-width:58ch;color:#ffffffa6;line-height:1.6}.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.primary-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 36px #00000073}.page--home .ghost-button[aria-pressed=true]{background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;border-color:transparent;box-shadow:0 12px 24px #00000059}.hero__stats{display:flex;gap:30px;flex-wrap:wrap;row-gap:12px;margin-top:18px}.stat__value{font-weight:600;font-size:1rem}.stat__label{font-size:.75rem;color:#ffffff80}.hero__art{position:relative;display:grid;place-items:center;flex:0 1 320px;width:min(36vw,320px);margin-inline:auto;z-index:1}.art--hero{width:clamp(180px,22vw,300px);height:clamp(180px,22vw,300px);border-radius:30px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#ffffff17;box-shadow:0 40px 80px #000000a6;transition:transform .6s cubic-bezier(.22,1,.36,1)}.art--hero--fallback{background-image:linear-gradient(145deg,#fff3,#ffffff14)}.hero__art:hover .art--hero{transform:rotate(-2deg) scale(1.04)}.hero__glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#cfe9ff 0%,transparent 70%);filter:blur(70px);opacity:.35;z-index:-1}.section{display:flex;flex-direction:column;gap:20px}.section__head h2{font-size:1.25rem;font-weight:600}.section__hint{font-size:.8rem;color:#ffffff73}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.track-list{padding:14px;display:flex;flex-direction:column;gap:8px}.home-track-list{max-height:250px;overflow-y:auto;padding:10px}.home-track-list .track-row{grid-template-columns:1fr auto;min-height:56px;padding:8px 12px;border-radius:12px;gap:14px}.home-track-list .track-row__progress{display:none}.home-track-list .track-row__title{gap:10px;min-width:0}.home-track-list .track-row__art{width:34px;height:34px;border-radius:9px}.home-track-list .track-row__name{font-size:.84rem;line-height:1.2}.home-track-list .track-row__artist{font-size:.7rem;line-height:1.2}.home-track-list .track-row__play{width:30px;height:30px;opacity:1;transform:none}.home-track-list .track-row__time{font-size:.72rem;min-width:44px;text-align:right}.home-track-list::-webkit-scrollbar{width:8px}.home-track-list::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.artist-scroller{padding:22px 24px;display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;min-height:184px;scroll-snap-type:x proximity;scroll-padding-inline:24px;background:linear-gradient(145deg,#ffffff24,#ffffff0a),radial-gradient(60% 110% at 0% 50%,rgba(207,233,255,.16) 0%,transparent 65%),radial-gradient(60% 110% at 100% 50%,rgba(255,214,231,.16) 0%,transparent 65%)}.artist-scroller::-webkit-scrollbar{height:8px}.artist-scroller::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.artist-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:130px;max-width:130px;border:none;background:transparent;padding:10px 8px;cursor:pointer;border-radius:18px;scroll-snap-align:center;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.artist-item:hover{transform:translateY(-4px) scale(1.03);background:#ffffff1a;box-shadow:0 16px 30px #0000004d}.artist-item:focus-visible{outline:2px solid rgba(207,233,255,.65);outline-offset:2px}.artist-item__avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.24);box-shadow:0 14px 30px #00000061;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.artist-item:hover .artist-item__avatar{transform:scale(1.06);border-color:#cfe9ff99;box-shadow:0 18px 34px #0000006b}.artist-item__avatar--fallback{display:grid;place-items:center;background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;font-size:.84rem;font-weight:700;letter-spacing:.04em}.artist-item__name{font-size:.86rem;line-height:1.3;text-align:center;color:#ffffffe6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section__empty{color:#fff9;font-size:.88rem}.text-button{border:1px solid rgba(255,255,255,.2);background:#ffffff12;color:#ffffffe6;border-radius:999px;padding:8px 16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s,background .25s}.text-button:hover{transform:scale(1.06);background:#ffffff2e}@media(max-width:900px){.hero{flex-direction:column;text-align:center;min-height:auto}.hero__copy{align-items:center}.hero__stats{justify-content:center}}@media(max-width:1024px){.hero{flex-direction:column;text-align:center;gap:28px;min-height:auto}.hero__copy{align-items:center;flex:1 1 auto}.hero__stats{justify-content:center;gap:22px}.hero__art{width:100%}}@media(max-width:768px){.page--home{padding:26px 16px calc(118px + env(safe-area-inset-bottom));gap:30px}.ambient-wave-panel{min-height:108px}.ambient-wave-panel__gradient{filter:blur(28px);opacity:.86}.ambient-wave-panel__orb--one{width:clamp(136px,38vw,280px)}.ambient-wave-panel__orb--two{width:clamp(150px,44vw,330px)}.ambient-wave-panel__orb--three{width:clamp(140px,40vw,300px)}.ambient-wave-panel__title{left:14px;font-size:.71rem;letter-spacing:.2em}.ambient-wave-panel__greeting{right:14px;max-width:min(52vw,240px)}.ambient-wave-panel__welcome{font-size:.65rem;letter-spacing:.1em}.ambient-wave-panel__name{font-size:clamp(.92rem,3vw,1.24rem)}.hero{padding:22px 18px;gap:20px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.home-track-list{max-height:220px}.artist-scroller{padding:14px 16px;gap:14px;min-height:146px;scroll-padding-inline:16px}.artist-item{min-width:102px;max-width:102px}.artist-item__avatar{width:66px;height:66px}.primary-button,.ghost-button{width:100%}.art--hero{width:clamp(160px,58vw,230px);height:clamp(160px,58vw,230px)}}@media(max-width:720px){.hero__actions{flex-direction:column;width:100%}.hero__actions button{width:100%}}@media(max-width:640px){.page--home{gap:28px}.hero{padding:18px 14px;gap:16px;align-items:stretch}.hero__copy{width:100%;min-width:0;gap:12px;text-align:left;align-items:flex-start}.hero__subtitle{max-width:100%;line-height:1.45}.hero__actions{width:100%;margin-top:4px}.hero__actions button{width:100%}.hero__stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.hero__stats>div{text-align:center}.hero__art{width:100%;order:-1;margin-inline:0}.art--hero{width:clamp(150px,46vw,210px);height:clamp(150px,46vw,210px)}.section__head{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.ambient-wave-panel{min-height:96px}.ambient-wave-panel__gradient{filter:blur(24px);opacity:.82}.ambient-wave-panel__title{left:12px;font-size:.66rem;letter-spacing:.17em}.ambient-wave-panel__greeting{right:12px;max-width:min(58vw,190px)}.ambient-wave-panel__welcome{font-size:.62rem}.ambient-wave-panel__name{font-size:clamp(.86rem,4vw,1.02rem)}.hero h1{font-size:clamp(1.55rem,8vw,1.95rem);line-height:1.15}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page--home{padding:18px 10px calc(96px + env(safe-area-inset-bottom))}.glass-panel{border-radius:20px}}@media(prefers-reduced-motion:reduce){.ambient-wave-panel__gradient,.ambient-wave-panel__orb,.ambient-wave-panel__sheen,.ambient-wave-panel__welcome,.ambient-wave-panel__name{animation:none}}:root{--intro-base-0: #fcfdff;--intro-base-1: #f7f9ff;--intro-base-2: #fff8f1;--intro-aqua: #4ee3ff;--intro-violet: #a98bff;--intro-rose: #ff9ec9;--intro-mango: #ffc975;--intro-mint: #97f0bc;--intro-text: #111827;--intro-muted: #4d5b74;--intro-glass: rgba(255, 255, 255, .58);--intro-glass-strong: rgba(255, 255, 255, .72);--intro-stroke: rgba(255, 255, 255, .86)}.intro{position:fixed;inset:0;overflow:hidden;display:grid;place-items:center;color:var(--intro-text);background:radial-gradient(56% 52% at 14% 20%,rgba(78,227,255,.26) 0%,transparent 64%),radial-gradient(50% 48% at 84% 18%,rgba(169,139,255,.23) 0%,transparent 66%),radial-gradient(52% 50% at 78% 86%,rgba(255,158,201,.2) 0%,transparent 68%),radial-gradient(44% 42% at 24% 88%,rgba(255,201,117,.18) 0%,transparent 68%),radial-gradient(40% 38% at 48% 72%,rgba(151,240,188,.16) 0%,transparent 66%),linear-gradient(165deg,var(--intro-base-0) 0%,var(--intro-base-1) 56%,var(--intro-base-2) 100%);perspective:1500px;isolation:isolate;--mx: 0;--my: 0}.intro:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(17,24,39,.1) .7px,transparent .7px);background-size:3px 3px;opacity:.06}.intro:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 120% at 50% 118%,transparent 46%,rgba(56,68,95,.2) 100%),linear-gradient(180deg,#ffffff0a,#54668a1f)}.intro__glow{position:absolute;inset:-24%;pointer-events:none;z-index:0;background:radial-gradient(circle at 26% 40%,rgba(78,227,255,.42),transparent 58%),radial-gradient(circle at 72% 30%,rgba(169,139,255,.36),transparent 56%),radial-gradient(circle at 68% 74%,rgba(255,158,201,.34),transparent 60%),radial-gradient(circle at 34% 76%,rgba(255,201,117,.28),transparent 58%);filter:blur(110px);will-change:transform,opacity;opacity:.74;animation:intro-aurora 9s ease-in-out infinite alternate}.intro__nebula{position:absolute;inset:-18%;z-index:0;pointer-events:none;background:conic-gradient(from 0deg at 50% 50%,#4ee3ff1f,#a98bff1c,#ff9ec91f,#ffc9751a,#97f0bc1c,#4ee3ff1f);filter:blur(58px);opacity:.44;animation:intro-nebula-spin 30s linear infinite}.intro__grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px);background-size:68px 68px;opacity:.16;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 18%,transparent 90%);mask-image:radial-gradient(circle at 50% 50%,black 18%,transparent 90%)}.intro__speed{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.14) 45%,rgba(169,139,255,.14) 54%,transparent 66%);will-change:transform;animation:intro-sweep 6.6s linear infinite}@keyframes intro-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.intro__lines{position:absolute;inset:0;pointer-events:none;z-index:1}.intro__lines span{position:absolute;left:-20%;width:140%;height:2px;opacity:.34;background:linear-gradient(90deg,transparent,rgba(78,227,255,.92),transparent);filter:blur(.2px);animation:intro-line 5.4s linear infinite}.intro__lines span:nth-child(1){top:20%;animation-delay:0s}.intro__lines span:nth-child(2){top:52%;animation-delay:1.4s;background:linear-gradient(90deg,transparent,rgba(169,139,255,.9),transparent)}.intro__lines span:nth-child(3){top:76%;animation-delay:2.5s;background:linear-gradient(90deg,transparent,rgba(255,158,201,.88),transparent)}@keyframes intro-line{0%{transform:translate(-30%);opacity:0}20%{opacity:.38}to{transform:translate(28%);opacity:0}}.intro__core{position:absolute;width:min(84vw,760px);aspect-ratio:1/1;z-index:1;pointer-events:none;opacity:.48}.intro__core span{position:absolute;inset:0;--s: .9;border-radius:50%;border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 0 40px #ffffff2e;transform:scale(var(--s))}.intro__core span:nth-child(1){--s: .9;border-color:#4ee3ff52;animation:intro-core-rotate 12s linear infinite}.intro__core span:nth-child(2){--s: .72;border-color:#ff9ec94d;animation:intro-core-rotate 9s linear infinite reverse}.intro__hud{position:absolute;top:34px;display:flex;gap:14px;z-index:3}.intro__hud--left{left:34px}.intro__hud--right{right:34px}.intro__hud-item{padding:10px 14px;border-radius:14px;background:var(--intro-glass);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px #fffffff0,0 10px 24px #37496d29;display:flex;flex-direction:column;font-size:11px}.intro__hud-label{color:var(--intro-muted);letter-spacing:.1em;text-transform:uppercase}.intro__hud-value{margin-top:2px;font-weight:700;font-size:14px;color:#0f1b2f}.intro__hud-item--accent{border-color:#a98bffb8;box-shadow:inset 0 1px #fffffff0,0 0 16px #a98bff42}.intro__telemetry{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--intro-muted);z-index:3}.intro__telemetry-dot{width:8px;height:8px;border-radius:50%;background:var(--intro-aqua);box-shadow:0 0 14px #4ee3ffbd;animation:intro-pulse 1.4s infinite}@keyframes intro-pulse{0%,to{opacity:.34;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}.intro__content{position:relative;z-index:2;width:min(94vw,760px);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.intro__badge{font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:var(--intro-glass);border:1px solid rgba(255,255,255,.84);box-shadow:inset 0 1px #fffffff0,0 8px 20px #43547724}.intro__signature{font-size:13px;color:var(--intro-muted);letter-spacing:.14em;text-transform:uppercase}.intro__title{position:relative;font-size:clamp(52px,8vw,118px);font-weight:900;letter-spacing:.08em;line-height:.95;background:linear-gradient(95deg,#0f1a2f 0%,#18305d 18%,var(--intro-aqua) 34%,var(--intro-violet) 58%,var(--intro-rose) 78%,#1f2742 100%);-webkit-background-clip:text;color:transparent;text-shadow:0 0 24px rgba(78,227,255,.22),0 0 30px rgba(169,139,255,.2);animation:intro-title-glow 4.8s ease-in-out infinite alternate}.intro__title:before,.intro__title:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:.2}.intro__title:before{color:#4ee3ffb8;transform:translate(1.2px);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,100% 42%,0 46%)}.intro__title:after{color:#ff9ec9b3;transform:translate(-1.4px);mix-blend-mode:screen;clip-path:polygon(0 58%,100% 52%,100% 100%,0 100%)}.intro__subtitle{color:var(--intro-muted);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.intro__card{position:relative;width:min(92vw,410px);height:236px;border-radius:30px;background:linear-gradient(155deg,#ffffffd1,#ffffff7a);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--intro-stroke);transform-style:preserve-3d;overflow:hidden;box-shadow:0 34px 86px #41527633,0 0 30px #a98bff3d,0 0 24px #4ee3ff33;will-change:transform}.intro__card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 0deg,#4ee3ffb3,#a98bff9e,#ff9ec99e,#ffc97599,#97f0bc9e,#4ee3ffb3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:.68;animation:intro-card-ring 16s linear infinite}.intro__card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.52) 50%,transparent 66%);transform:translate(-120%);animation:intro-card-sheen 4.4s ease-in-out infinite}.intro__card-glow{position:absolute;inset:-38%;background:radial-gradient(circle at 24% 35%,rgba(78,227,255,.44),transparent 56%),radial-gradient(circle at 76% 60%,rgba(255,158,201,.34),transparent 58%);filter:blur(72px);z-index:0}.intro__orbit{position:absolute;inset:0;pointer-events:none}.intro__orbit span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.54)}.intro__orbit span:nth-child(1){inset:16px;border-color:#4ee3ff66}.intro__orbit span:nth-child(2){inset:36px;border-color:#a98bff61}.intro__card-inner{position:relative;z-index:2;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.intro__card-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5e6d86}.intro__card-title{font-size:24px;font-weight:700;color:#101b31}.intro__card-meta{font-size:12px;color:#5a6781}.intro .progress{height:6px;border-radius:999px;background:#ffffff8f;overflow:hidden}.intro .progress__fill{height:100%;background:linear-gradient(90deg,var(--intro-aqua),var(--intro-violet),var(--intro-rose));box-shadow:0 0 14px #a98bff57}.intro__card-footer{display:flex;gap:12px;font-size:11px;color:#5d6a83;text-transform:uppercase;letter-spacing:.08em}.intro__cta{position:relative;overflow:hidden;margin-top:12px;padding:14px 36px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(100deg,#fff,#4ee3ffdb 34%,#a98bffd6 62%,#ff9ec9d6);color:#111827;font-weight:700;letter-spacing:.08em;box-shadow:0 0 18px #4ee3ff47,0 0 24px #a98bff3d,0 14px 28px #44547638;will-change:transform}.intro__cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.52) 50%,transparent 70%);transform:translate(-120%);animation:intro-cta-shine 2.8s ease-in-out infinite}.intro__hint{font-size:12px;color:var(--intro-muted);letter-spacing:.08em;text-transform:uppercase}.intro__credit{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:linear-gradient(100deg,#111827d1,#4ee3ffe6 35%,#a98bffe6 62%,#ff9ec9e6);background-size:220% 220%;-webkit-background-clip:text;color:transparent;text-shadow:0 0 12px rgba(169,139,255,.14);animation:intro-credit-shimmer 4.2s ease-in-out infinite}@keyframes intro-aurora{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.66}to{transform:translate3d(2%,2%,0) scale(1.06);opacity:.86}}@keyframes intro-nebula-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes intro-core-rotate{0%{transform:rotate(0) scale(var(--s))}to{transform:rotate(360deg) scale(var(--s))}}@keyframes intro-title-glow{0%{filter:drop-shadow(0 0 4px rgba(78,227,255,.22));text-shadow:0 0 20px rgba(78,227,255,.2),0 0 30px rgba(169,139,255,.16)}to{filter:drop-shadow(0 0 8px rgba(169,139,255,.3));text-shadow:0 0 26px rgba(78,227,255,.28),0 0 40px rgba(255,158,201,.2)}}@keyframes intro-card-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes intro-card-sheen{0%,34%{transform:translate(-120%);opacity:0}44%{opacity:.7}62%{transform:translate(120%);opacity:0}to{transform:translate(120%);opacity:0}}@keyframes intro-cta-shine{0%,46%{transform:translate(-120%);opacity:0}54%{opacity:.7}76%{transform:translate(120%);opacity:0}to{transform:translate(120%);opacity:0}}@keyframes intro-credit-shimmer{0%{background-position:0% 50%;filter:brightness(.98)}50%{background-position:100% 50%;filter:brightness(1.05)}to{background-position:0% 50%;filter:brightness(.98)}}@media(max-width:640px){.intro__card{width:290px;height:188px}.intro__title{font-size:56px}.intro__hud{display:none}.intro__core{width:92vw}}@media(max-width:1024px),(prefers-reduced-motion:reduce){.intro__speed,.intro__lines span,.intro__nebula,.intro__glow,.intro__card:before,.intro__card:after,.intro__cta:after,.intro__core span,.intro__title,.intro__credit{animation:none!important}.intro__title:before,.intro__title:after{display:none}}@media(max-height:720px){.intro__card{width:312px;height:194px}.intro__title{font-size:clamp(44px,6vw,86px)}.intro__telemetry{bottom:18px}}.auth-page{position:relative;min-height:100vh;min-height:100svh;height:100dvh;overflow:hidden;overflow:clip;overscroll-behavior:none;display:grid;place-items:center;padding:clamp(22px,4vw,56px);background:radial-gradient(1100px 540px at 10% -10%,rgba(63,210,255,.2),transparent 65%),radial-gradient(1100px 520px at 90% 120%,rgba(255,118,171,.16),transparent 62%),linear-gradient(145deg,#02050c,#060d19 52%,#050912)}.auth-page:before{content:"";position:absolute;inset:-22%;pointer-events:none;opacity:.55;background:radial-gradient(640px 340px at 20% 30%,rgba(122,252,255,.18),transparent 70%),radial-gradient(640px 360px at 80% 70%,rgba(255,156,209,.16),transparent 72%);animation:authAuraDrift 16s ease-in-out infinite alternate}.auth-page__grid{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 12%,transparent 76%);mask-image:radial-gradient(circle at center,black 12%,transparent 76%);animation:authGridDrift 22s linear infinite}.auth-page__glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(46px);pointer-events:none;opacity:.45}.auth-page__glow--left{left:-120px;top:-120px;background:#48d6ff8c;animation:authGlowFloatLeft 11s ease-in-out infinite}.auth-page__glow--right{right:-120px;bottom:-120px;background:#ff679580;animation:authGlowFloatRight 12.5s ease-in-out infinite}.auth-card{position:relative;z-index:1;width:min(560px,100%);padding:clamp(24px,3.5vw,38px);overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(160deg,#fff3,#ffffff0f),#040912d1;box-shadow:0 40px 80px #00000085,inset 0 1px #ffffff59;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);display:flex;flex-direction:column;gap:14px;animation:authCardBreath 7s ease-in-out infinite}.auth-card__brand{display:inline-flex;align-items:center;gap:10px;width:fit-content}.auth-card__logo{width:34px;height:34px;border-radius:10px;box-shadow:0 8px 16px #00000052,0 0 0 1px #7afcff38}.auth-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#7afcff3d,#7afcff00,#ff9cd133,#7afcff3d);background-size:220% 220%;opacity:.3;animation:authCardShimmer 6.8s linear infinite}.auth-card__badge{width:fit-content;padding:6px 10px;border-radius:999px;letter-spacing:.14em;font-size:.7rem;font-weight:700;color:#e0f6fff2;background:#7afcff26;border:1px solid rgba(122,252,255,.3);animation:authBadgePulse 2.8s ease-in-out infinite}.auth-card__title{font-size:clamp(1.52rem,3.2vw,2.2rem);line-height:1.05;color:#f2f9ff}.auth-card__subtitle{color:#e6f0ffcc;font-size:.95rem}.auth-switch{margin-top:4px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;overflow:hidden}.auth-switch:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.08) 50%,transparent 78%);transform:translate(-115%);animation:authSwitchSweep 4.2s ease-in-out infinite}.auth-switch__item{height:40px;border-radius:12px;color:#eff5ffdb;font-weight:600;transition:.2s ease}.auth-switch__item:hover{background:#ffffff24}.auth-switch__item.is-active{color:#091520;background:linear-gradient(90deg,#7afcff,#8cb9ff,#ff9cd1);box-shadow:0 10px 24px #60b6ff59;animation:authActiveTabPulse 2.5s ease-in-out infinite}.auth-feedback{border-radius:12px;padding:10px 12px;font-size:.84rem;border:1px solid transparent}.auth-feedback--success{color:#ecfff7;background:#43d8a026;border-color:#43d8a04d}.auth-feedback--error{color:#ffe9ef;background:#ff658f2b;border-color:#ff658f57}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form__field{display:flex;flex-direction:column;gap:7px}.auth-form__field span{font-size:.8rem;color:#e9f5ffc7}.auth-form__field input{height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#00081275;color:#ecf4ff;padding:0 14px;font-size:.92rem}.auth-form__field input::placeholder{color:#cbd8eb94}.auth-form__field input:focus{outline:none;border-color:#7fd6ffb8;box-shadow:0 0 0 4px #7fd6ff29}.auth-form__hint{margin-top:-2px;font-size:.78rem;color:#d9ebffb8}.auth-form__hint--center{margin-top:6px;text-align:center}.auth-form__submit{margin-top:8px;width:100%;height:46px;border-radius:14px;font-weight:700}.auth-form__submit:disabled{opacity:.65;cursor:not-allowed}.auth-form__meta-link{width:fit-content;color:#dbecffdb;font-size:.8rem;text-decoration:underline;text-underline-offset:3px}.auth-social{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:56px}.auth-social__google-shell{position:relative;width:min(100%,340px);min-height:54px;padding:6px;border-radius:999px;background:linear-gradient(90deg,#7afcff24,#ff9cd124);animation:authSocialPulse 3.1s ease-in-out infinite}.auth-social__google{width:100%;min-height:42px;display:flex;justify-content:center}.auth-social__google>div,.auth-social__google iframe{max-width:100%}.auth-social__hint{font-size:.8rem;color:#d9e9ffcc;text-align:center}.auth-social__hint code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#d4f6ff}@keyframes authAuraDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,1.2%,0) scale(1.07)}}@keyframes authGridDrift{0%{transform:translateZ(0)}to{transform:translate3d(42px,42px,0)}}@keyframes authGlowFloatLeft{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(34px,24px,0) scale(1.08)}}@keyframes authGlowFloatRight{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-32px,-18px,0) scale(1.06)}}@keyframes authCardBreath{0%,to{box-shadow:0 40px 80px #00000085,inset 0 1px #ffffff59}50%{box-shadow:0 44px 88px #00000094,0 0 0 1px #7afcff26,inset 0 1px #fff6}}@keyframes authCardShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes authBadgePulse{0%,to{box-shadow:0 0 #7afcff40}50%{box-shadow:0 0 0 10px #7afcff00}}@keyframes authSwitchSweep{0%,38%{transform:translate(-115%)}62%{transform:translate(115%)}to{transform:translate(115%)}}@keyframes authActiveTabPulse{0%,to{box-shadow:0 10px 24px #60b6ff59}50%{box-shadow:0 12px 28px #60b6ff85}}@keyframes authSocialPulse{0%,to{box-shadow:0 0 #7afcff2e}50%{box-shadow:0 0 0 10px #7afcff00}}@media(prefers-reduced-motion:reduce){.auth-page:before,.auth-page__grid,.auth-page__glow--left,.auth-page__glow--right,.auth-card,.auth-card:before,.auth-card__badge,.auth-switch:after,.auth-switch__item.is-active,.auth-social__google-shell{animation:none}}@media(max-width:640px){.auth-page{padding:16px;min-height:100svh;height:100svh}.auth-card{border-radius:22px;gap:12px}.auth-page:before,.auth-page__grid,.auth-page__glow--left,.auth-page__glow--right,.auth-card,.auth-card:before,.auth-card__badge,.auth-switch:after,.auth-switch__item.is-active,.auth-social__google-shell{animation:none}}.page--library{position:relative;min-height:100vh;padding:42px clamp(18px,4vw,60px) 90px;display:flex;flex-direction:column;gap:42px;overflow-x:hidden;background:radial-gradient(60% 50% at 12% 18%,#cfe9ff 0%,transparent 60%),radial-gradient(60% 50% at 85% 82%,#ffd6e7 0%,transparent 60%),radial-gradient(55% 55% at 60% 12%,#e6ddff 0%,transparent 60%),radial-gradient(55% 55% at 35% 95%,#d7ffe9 0%,transparent 60%),#0b0c10;color:#ffffffeb}.page__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,3.5vw,40px);border-radius:28px;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffff59,inset 0 -1px #ffffff14;transform:translateY(22px);opacity:0;animation:headerIn .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes headerIn{to{transform:translateY(0);opacity:1}}.page__subtitle{margin-top:6px;color:#fff9;max-width:520px}.primary-button{padding:12px 24px;border-radius:999px;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.25);cursor:pointer;background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.primary-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px #00000073}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.library-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;background:linear-gradient(145deg,#ffffff21,#ffffff0d);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);box-shadow:0 28px 70px #0000008c,inset 0 1px #ffffff59;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}.library-card:hover{transform:translateY(-6px) scale(1.03);background:#ffffff24;box-shadow:0 38px 90px #0009}.library-card .art{width:100%;aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 18px 40px #0009;transition:transform .5s cubic-bezier(.22,1,.36,1)}.library-card:hover .art{transform:scale(1.05)}.library-card h3{font-size:.95rem;font-weight:600}.library-card p{font-size:.78rem;color:#9a94948c}.library-card__button{margin-top:auto;padding:9px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s,background .25s,box-shadow .25s}.library-card__button:hover{transform:scale(1.06);background:#ffffff2e;box-shadow:0 10px 20px #00000059}.section{display:flex;flex-direction:column;gap:18px}.section__head{display:flex;align-items:center;justify-content:space-between}.section__head h2{font-size:1.2rem;font-weight:600}.section__meta{display:flex;align-items:center;gap:12px}.section__status{font-size:.8rem;color:#101010d4}.text-button{padding:8px 16px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s,background .25s}.text-button:hover{transform:scale(1.05);background:#ffffff2e}.text-button.is-active{background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;border-color:transparent}.section__empty{padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.18);color:#fff9;background:#ffffff0a}@media(max-width:900px){.page__header{flex-direction:column;align-items:flex-start;gap:18px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:1024px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.page--library{padding:26px 16px calc(118px + env(safe-area-inset-bottom));gap:30px}.page__header{flex-direction:column;align-items:flex-start;gap:16px}.primary-button{width:100%}.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.section__head{flex-direction:column;align-items:flex-start;gap:12px}.section__meta{width:100%;justify-content:space-between}}@media(max-width:480px){.page--library{padding:18px 10px calc(96px + env(safe-area-inset-bottom))}.library-grid{grid-template-columns:1fr}.library-card{padding:14px}}.mini-player{position:fixed;left:50%;bottom:22px;transform:translate(-50%) translateY(0);width:min(980px,96vw);padding:12px 18px;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:18px;border-radius:26px;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:0 30px 70px #000000a6,inset 0 1px #ffffff59;z-index:1400;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s}.mini-player.is-hidden{transform:translate(-50%) translateY(140%);opacity:0;pointer-events:none}.mini-player__art{width:56px;height:56px;border-radius:14px;background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);background-size:cover;background-position:center;box-shadow:0 10px 28px #0009;transition:transform .45s cubic-bezier(.22,1,.36,1)}.mini-player:hover .mini-player__art{transform:scale(1.05)}.mini-player__meta{display:flex;flex-direction:column;gap:6px;min-width:0}.mini-player__title{font-size:.92rem;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__artist{font-size:.75rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .progress{position:relative;width:100%;height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden;cursor:pointer}.mini-player .progress__fill{position:absolute;top:0;left:0;bottom:0;width:0;border-radius:999px;background:linear-gradient(90deg,#cfe9ff,#e6ddff,#ffd6e7);box-shadow:0 0 14px #cfe9ff80;transition:width .15s linear}.mini-player__controls{display:flex;align-items:center;gap:10px}.mini-player__volume{display:flex;align-items:center;gap:8px;min-width:140px}.mini-player__volume .progress--volume{flex:1;height:4px}.mini-player__volume .progress{cursor:pointer}.mini-player__volume-value{font-size:.72rem;color:#fff9;min-width:34px;text-align:right}.mini-player .icon-button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff14;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .28s cubic-bezier(.22,1,.36,1),background .25s,box-shadow .25s}.mini-player .icon-button:hover{transform:translateY(-2px) scale(1.08);background:#ffffff2e;box-shadow:0 10px 24px #00000073}.mini-player .icon-button:active{transform:scale(.92)}.mini-player .icon-button.is-primary{background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;border:none;box-shadow:0 10px 26px #00000073}.mini-player__expand{padding:8px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s,background .25s}.mini-player__expand:hover{transform:scale(1.06);background:#ffffff2e}@media(max-width:900px){.mini-player{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}.mini-player__volume{grid-column:1/-1;justify-content:center}.mini-player__expand{justify-self:end}}@media(max-width:640px){.mini-player{width:calc(100vw - 14px);max-width:420px;bottom:10px;padding:8px 10px;gap:8px;border-radius:16px;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto}.mini-player__art{width:38px;height:38px;border-radius:10px}.mini-player__meta{gap:4px}.mini-player .icon-button{width:32px;height:32px}.mini-player__title{font-size:.78rem}.mini-player__artist{display:none}.mini-player .progress--mini{height:3px}.mini-player__controls{gap:0}.mini-player__control--prev,.mini-player__control--next{display:none}.mini-player__control--play{width:34px!important;height:34px!important}.mini-player__volume{display:none}.mini-player__expand{height:30px;padding:0 10px;font-size:.7rem;border-radius:999px}}@media(max-width:420px){.mini-player{width:calc(100vw - 10px);padding:7px 8px;gap:6px}.mini-player__title{font-size:.75rem}.mini-player .progress--mini{height:2px}.mini-player__expand{padding:0 8px;font-size:.66rem}}@media(max-height:640px){.mini-player{bottom:8px}}.player-overlay{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1)}.player-overlay.is-active{opacity:1;pointer-events:auto}.player-overlay .overlay__scrim{position:absolute;inset:0;background:radial-gradient(70% 60% at 20% 25%,#cfe9ff 0%,transparent 60%),radial-gradient(70% 60% at 85% 80%,#ffd6e7 0%,transparent 60%),radial-gradient(60% 60% at 60% 10%,#e6ddff 0%,transparent 60%),#08090ee0;backdrop-filter:blur(60px) saturate(160%);-webkit-backdrop-filter:blur(60px) saturate(160%)}.full-player{position:relative;width:min(1100px,94vw);max-height:92vh;overflow-y:auto;padding:clamp(26px,4vw,48px);border-radius:34px;display:grid;grid-template-columns:420px 1fr;grid-template-rows:auto auto auto 1fr;column-gap:clamp(28px,4vw,64px);row-gap:22px;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:0 60px 140px #000000a6,inset 0 1px #ffffff59;transform:translateY(50px) scale(.96);opacity:0;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s cubic-bezier(.22,1,.36,1)}.player-overlay.is-active .full-player{transform:translateY(0) scale(1);opacity:1}.overlay__close{position:absolute;top:18px;right:18px;z-index:6;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;transition:transform .25s,background .25s}.overlay__close:hover{transform:scale(1.1);background:#ffffff2e}.full-player__art{position:relative;grid-row:span 4;width:min(100%,420px);display:grid;place-items:center;align-self:stretch;justify-self:center;margin-inline:auto}.art--full{width:100%;height:clamp(320px,58vh,560px);max-width:420px;border-radius:32px;background-color:#e9eef7f2;background-image:linear-gradient(135deg,#ccdaf0e6,#eddfeee6);background-size:cover;background-position:center;box-shadow:0 50px 100px #000000b3;transition:transform .8s cubic-bezier(.22,1,.36,1)}.art--full.is-fallback{background-image:radial-gradient(88% 88% at 14% 16%,rgba(207,233,255,.95),transparent 70%),radial-gradient(80% 80% at 84% 86%,rgba(255,214,231,.85),transparent 70%),linear-gradient(145deg,#e2e8f3f2,#d7dfeee6)}.full-player__art:hover .art--full{transform:rotate(-3deg) scale(1.06)}.parallax-sheen{position:absolute;inset:0;border-radius:32px;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 40%,transparent 70%);opacity:.15;pointer-events:none}.full-player__meta{display:flex;flex-direction:column;gap:10px;justify-content:center}.full-player__meta h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:650;letter-spacing:-.02em}.page__subtitle{color:#fff9}.full-player__controls{display:flex;align-items:center;gap:16px}.full-player .icon-button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff14;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.22,1,.36,1),background .25s,box-shadow .25s}.full-player .icon-button:hover{transform:translateY(-3px) scale(1.1);background:#ffffff2e;box-shadow:0 12px 30px #00000073}.full-player .icon-button.is-primary{width:60px;height:60px;background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;border:none;box-shadow:0 18px 40px #00000080}.full-player__progress{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:14px}.time{font-size:.75rem;color:#ffffff8c;text-align:center}.full-player .progress{height:6px;border-radius:999px;background:#ffffff1f;position:relative;overflow:hidden;cursor:pointer}.full-player .progress__fill{position:absolute;top:0;left:0;bottom:0;width:0;background:linear-gradient(90deg,#cfe9ff,#e6ddff,#ffd6e7);border-radius:999px;box-shadow:0 0 18px #cfe9ff99;transition:width .15s linear}.full-player__footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.full-player__queue-btn,.full-player__share-btn{white-space:nowrap}.ghost-button{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s,background .25s}.ghost-button:hover{transform:scale(1.05);background:#ffffff2e}.volume{display:flex;align-items:center;gap:10px;width:200px}.full-player .progress--volume{flex:1;height:5px}.volume__value{font-size:.7rem;color:#ffffff8c;min-width:36px;text-align:right}@media(max-width:1024px){.full-player{grid-template-columns:1fr;text-align:center}.full-player__art{grid-row:auto;width:min(100%,340px);margin-inline:auto}.art--full{height:clamp(260px,46vh,420px);max-width:340px}.full-player__controls{justify-content:center}.full-player__footer{flex-direction:column}}@media(max-width:600px){.full-player{width:calc(100vw - 10px);max-height:calc(100dvh - 12px);padding:52px 12px 14px;border-radius:18px;gap:12px}.full-player__art{width:min(100%,210px)}.full-player .icon-button{width:38px;height:38px}.full-player .icon-button.is-primary{width:46px;height:46px}.art--full{height:clamp(160px,26vh,210px);max-width:210px;border-radius:18px}.full-player__meta{gap:6px}.full-player__meta h2{font-size:clamp(1.35rem,7vw,1.8rem)}.full-player__controls{gap:12px}.full-player__progress{grid-template-columns:40px 1fr 40px;gap:10px}.full-player__footer{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"queue . share" "volume volume volume";align-items:center;gap:8px 10px;width:100%}.full-player__queue-btn{grid-area:queue;justify-self:start;padding:8px 12px;font-size:.74rem}.full-player__share-btn{grid-area:share;justify-self:end;padding:8px 12px;font-size:.74rem}.full-player__volume{grid-area:volume;width:100%;margin-top:2px}.volume{width:100%}.volume__value{min-width:40px}}@media(max-width:420px){.full-player{width:calc(100vw - 6px);max-height:calc(100dvh - 8px);padding:48px 10px 12px}.full-player__art{width:min(100%,180px)}.art--full{height:clamp(140px,24vh,180px);max-width:180px}.full-player__controls{gap:10px}.full-player .icon-button{width:34px;height:34px}.full-player .icon-button.is-primary{width:42px;height:42px}.full-player__queue-btn,.full-player__share-btn{padding:7px 10px;font-size:.7rem}}@media(max-height:720px){.full-player{max-height:86vh;padding:18px}.full-player__art{width:min(100%,280px)}}.page--playlist{position:relative;min-height:100vh;padding:42px clamp(18px,4vw,60px) 90px;display:flex;flex-direction:column;gap:36px;overflow-x:hidden;background:radial-gradient(60% 55% at 12% 20%,#cfe9ff 0%,transparent 60%),radial-gradient(60% 55% at 85% 80%,#ffd6e7 0%,transparent 60%),radial-gradient(55% 55% at 60% 8%,#e6ddff 0%,transparent 60%),radial-gradient(55% 55% at 35% 95%,#d7ffe9 0%,transparent 60%),#0b0c10;color:#ffffffeb}.playlist-hero{display:grid;grid-template-columns:280px 1fr;gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(24px,4vw,46px);border-radius:28px;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffff59;transform:translateY(24px) scale(.97);opacity:0;animation:playlistHeroIn .85s cubic-bezier(.22,1,.36,1) forwards}@keyframes playlistHeroIn{to{transform:translateY(0) scale(1);opacity:1}}.playlist-hero__art{position:relative;display:grid;place-items:center}.art--playlist{width:100%;aspect-ratio:1/1;border-radius:26px;background-size:cover;background-position:center;box-shadow:0 40px 80px #000000a6;transition:transform .6s cubic-bezier(.22,1,.36,1)}.playlist-hero__art:hover .art--playlist{transform:rotate(-2deg) scale(1.05)}.album-hero__image,.album-hero__fallback{width:100%;max-width:260px;aspect-ratio:1/1;border-radius:24px}.album-hero__image{object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 36px 76px #00000094}.album-hero__fallback{display:grid;place-items:center;background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:700;letter-spacing:.04em;box-shadow:0 36px 76px #00000094}.artist-hero__image,.artist-hero__fallback{width:100%;max-width:260px;aspect-ratio:1/1;border-radius:24px}.artist-hero__image{object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 36px 76px #00000094}.artist-hero__fallback{display:grid;place-items:center;background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:700;letter-spacing:.04em;box-shadow:0 36px 76px #00000094}.playlist-hero__art:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#cfe9ff 0%,transparent 70%);filter:blur(70px);opacity:.35;z-index:-1}.playlist-hero__meta{display:flex;flex-direction:column;gap:16px}.playlist-hero__picker{display:flex;flex-direction:column;gap:8px;max-width:320px}.playlist-hero__picker-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff94}.playlist-hero__picker select{height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff17;color:#ffffffeb;font-size:.86rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline:none}.playlist-hero__picker select:focus{border-color:#cfe9ffa3;box-shadow:0 0 0 2px #cfe9ff33}.playlist-hero__meta h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:650;letter-spacing:-.01em}.page__subtitle{max-width:520px;color:#fff9;line-height:1.6}.playlist-hero__actions{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}.primary-button,.ghost-button{padding:12px 22px;border-radius:999px;font-size:.9rem;cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .3s}.primary-button{border:1px solid rgba(255,255,255,.22);background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;font-weight:600}.primary-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 36px #00000073}.ghost-button{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ghost-button:hover{transform:translateY(-2px);background:#ffffff29}.ghost-button.is-active{background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;border-color:transparent;box-shadow:0 14px 30px #00000059}.ghost-button.is-danger{border-color:#ff788c66;color:#ffb4bee6}.ghost-button.is-danger:hover{background:#ff788c2e;box-shadow:0 12px 24px #00000059}.ghost-button.is-danger:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.track-list{padding:14px;border-radius:24px;background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);box-shadow:0 28px 70px #0000008c;display:flex;flex-direction:column;gap:6px;animation:listIn .9s cubic-bezier(.22,1,.36,1)}@keyframes listIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.playlist-hero{grid-template-columns:1fr;text-align:center}.playlist-hero__meta{align-items:center}.playlist-hero__picker{width:100%;max-width:420px}.playlist-hero__actions{justify-content:center}.artist-hero__image,.artist-hero__fallback,.album-hero__image,.album-hero__fallback{max-width:220px}}@media(max-width:1024px){.playlist-hero{grid-template-columns:1fr;text-align:center}.playlist-hero__meta{align-items:center}}@media(max-width:768px){.page--playlist{padding:26px 16px calc(118px + env(safe-area-inset-bottom));gap:28px}.playlist-hero__picker{max-width:none}.playlist-hero__picker select{width:100%}.playlist-hero__actions{flex-direction:column;width:100%}.primary-button,.ghost-button{width:100%}.track-list{padding:10px}}@media(max-width:640px){.playlist-hero{padding:20px;gap:18px}.artist-hero__image,.artist-hero__fallback,.album-hero__image,.album-hero__fallback{max-width:180px;border-radius:18px}.playlist-hero__meta h2{font-size:1.7rem}}@media(max-width:480px){.page--playlist{padding:18px 10px calc(96px + env(safe-area-inset-bottom))}.art--playlist{border-radius:18px}}.page--profile{position:relative;min-height:100vh;padding:42px clamp(18px,4vw,60px) 90px;display:flex;flex-direction:column;gap:32px;overflow-x:hidden;background:radial-gradient(60% 55% at 10% 20%,#cfe9ff 0%,transparent 60%),radial-gradient(60% 55% at 85% 80%,#ffd6e7 0%,transparent 60%),radial-gradient(55% 55% at 60% 12%,#e6ddff 0%,transparent 60%),radial-gradient(55% 55% at 35% 90%,#d7ffe9 0%,transparent 60%),#0b0c10;color:#ffffffeb}.profile-hero{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:clamp(22px,3.5vw,40px);border-radius:28px}.profile-hero__avatar{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;font-size:1.4rem;font-weight:700;color:#0b0c10;background:linear-gradient(135deg,#cfe9ff,#e6ddff,#ffd6e7);box-shadow:0 18px 40px #00000073}.profile-hero__meta{display:flex;flex-direction:column;gap:10px}.profile-hero__meta h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:650;letter-spacing:-.01em}.profile-hero__actions{display:flex;gap:12px;margin-top:6px}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-stat{padding:18px;border-radius:22px;display:flex;flex-direction:column;gap:6px}.profile-stat__value{font-size:1.4rem;font-weight:600}.profile-stat__label{font-size:.8rem;color:#ffffff8c}.profile-section{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:clamp(22px,3.5vw,40px);border-radius:28px}.profile-section__copy{display:flex;flex-direction:column;gap:12px}.profile-section__actions{display:flex;gap:12px;margin-top:6px}.profile-section__art{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.profile-section__art .art{width:min(320px,100%);aspect-ratio:1/1;border-radius:24px;box-shadow:0 30px 60px #0000008c}.profile-section__caption{display:flex;flex-direction:column;gap:4px}.profile-section__title{font-size:.95rem;font-weight:600}.profile-section__meta{font-size:.78rem;color:#ffffff8c}@media(max-width:900px){.profile-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.profile-hero__actions{justify-content:center}.profile-section{grid-template-columns:1fr;text-align:center}.profile-section__actions{justify-content:center}.profile-section__art{align-items:center}}@media(max-width:640px){.page--profile{gap:24px;padding:24px 14px calc(112px + env(safe-area-inset-bottom))}.profile-stats{grid-template-columns:1fr}.profile-hero__actions,.profile-section__actions{flex-direction:column;width:100%}.profile-hero__actions .primary-button,.profile-hero__actions .ghost-button,.profile-section__actions .primary-button,.profile-section__actions .ghost-button{width:100%}}@media(max-width:480px){.page--profile{padding:18px 10px calc(96px + env(safe-area-inset-bottom))}.profile-hero,.profile-section{padding:18px}}.page--profile-edit{position:relative;min-height:100vh;padding:42px clamp(18px,4vw,60px) 90px;display:flex;flex-direction:column;gap:32px;overflow-x:hidden;background:radial-gradient(60% 55% at 10% 20%,#cfe9ff 0%,transparent 60%),radial-gradient(60% 55% at 85% 80%,#ffd6e7 0%,transparent 60%),radial-gradient(55% 55% at 60% 12%,#e6ddff 0%,transparent 60%),radial-gradient(55% 55% at 35% 90%,#d7ffe9 0%,transparent 60%),#0b0c10;color:#ffffffeb}.profile-edit{padding:clamp(24px,4vw,40px);border-radius:28px;display:flex;flex-direction:column;gap:24px}.profile-edit__header{display:flex;justify-content:space-between;align-items:center;gap:20px}.profile-edit__header h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:650}.profile-edit__avatar{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;font-size:1.2rem;font-weight:700;color:#0b0c10;background:linear-gradient(135deg,#cfe9ff,#e6ddff,#ffd6e7);box-shadow:0 18px 40px #00000073;flex-shrink:0}.profile-edit__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-edit__grid label{display:flex;flex-direction:column;gap:8px;font-size:.8rem;color:#fff9}.profile-edit__grid input{height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffe6;padding:0 14px;outline:none;font-size:.95rem;transition:border .2s,box-shadow .2s,background .2s}.profile-edit__grid input:focus{border-color:#cfe9ff80;box-shadow:0 0 0 2px #cfe9ff33;background:#ffffff1f}.profile-edit__actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:900px){.profile-edit__header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.page--profile-edit{gap:24px;padding:24px 14px calc(112px + env(safe-area-inset-bottom))}.profile-edit__grid{grid-template-columns:1fr}.profile-edit__actions{flex-direction:column}.profile-edit__actions .primary-button,.profile-edit__actions .ghost-button{width:100%}}@media(max-width:480px){.page--profile-edit{padding:18px 10px calc(96px + env(safe-area-inset-bottom))}.profile-edit{padding:18px}}.create-playlist-overlay{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.create-playlist-overlay.is-active{opacity:1;pointer-events:auto}.create-playlist-overlay .overlay__scrim{position:absolute;inset:0;background:radial-gradient(70% 60% at 20% 30%,#cfe9ff 0%,transparent 60%),radial-gradient(70% 60% at 80% 70%,#ffd6e7 0%,transparent 60%),radial-gradient(60% 60% at 60% 10%,#e6ddff 0%,transparent 60%),#0a0a0ec7;backdrop-filter:blur(42px) saturate(140%);-webkit-backdrop-filter:blur(42px) saturate(140%)}.create-playlist-panel{position:relative;width:min(520px,92vw);padding:28px;border-radius:26px;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffff59;transform:translateY(32px) scale(.96);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:18px}.create-playlist-overlay.is-active .create-playlist-panel{transform:translateY(0) scale(1);opacity:1}.create-playlist__header{display:flex;align-items:center;justify-content:space-between}.create-playlist__header h3{font-size:1.25rem;font-weight:600;color:#152033}.create-playlist__field{display:flex;flex-direction:column;gap:8px;font-size:.8rem;color:#4f5c75}.create-playlist__field input{height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.86);background:#ffffff94;color:#141f33;caret-color:#3f4f6f;padding:0 14px;outline:none;font-size:.95rem;transition:border .2s,box-shadow .2s,background .2s}.create-playlist__field input::placeholder{color:#485670bd}.create-playlist__field input:focus{border-color:#a98bffa3;box-shadow:0 0 0 2px #a98bff33,0 0 18px #4ee3ff2e;background:#ffffffbd}.create-playlist__actions{display:flex;justify-content:flex-end;gap:12px}.create-playlist__tracks{display:flex;flex-direction:column;gap:10px}.create-playlist__tracks-label{font-size:.8rem;color:#4f5c75}.create-playlist__tracks-list{max-height:220px;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.82);background:#ffffff6b;padding:8px;box-shadow:inset 0 1px #ffffffe0,0 8px 20px #2a3d601a}.create-playlist__tracks-list::-webkit-scrollbar{width:8px}.create-playlist__tracks-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ee3ff9e,#a98bff94,#ff9ec98f);border-radius:999px}.create-playlist__track-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:10px;font-size:.84rem;color:#172338;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.create-playlist__track-item+.create-playlist__track-item{border-top:1px solid rgba(255,255,255,.6)}.create-playlist__track-item:hover{background:#ffffff9e;transform:translateY(-1px);box-shadow:0 8px 16px #384d7424}.create-playlist__track-item input{width:16px;height:16px;accent-color:#8f72ff;flex:0 0 auto}.create-playlist__track-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.create-playlist__track-title{font-size:.85rem;font-weight:600;color:#132036;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-playlist__track-artist{font-size:.74rem;color:#52607b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-playlist__track-item.is-selected{background:linear-gradient(110deg,#ffffffd1,#4ee3ff3d,#a98bff38);box-shadow:0 8px 20px #394e7629,0 0 0 1px #a98bff4d inset}.create-playlist__track-item.is-disabled{opacity:.58;cursor:not-allowed}.create-playlist__track-item.is-disabled:hover{transform:none;background:transparent;box-shadow:none}.create-playlist__actions .primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:640px){.create-playlist-panel{padding:20px;width:96vw}.create-playlist__actions{flex-direction:column}.create-playlist__actions .primary-button,.create-playlist__actions .ghost-button{width:100%}}.delete-playlist-overlay{position:fixed;inset:0;z-index:1350;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.delete-playlist-overlay .overlay__scrim{position:absolute;inset:0;background:radial-gradient(70% 60% at 20% 30%,rgba(255,170,190,.28) 0%,transparent 60%),radial-gradient(70% 60% at 80% 70%,rgba(255,120,160,.22) 0%,transparent 60%),#0a0a0ed1;backdrop-filter:blur(42px) saturate(140%);-webkit-backdrop-filter:blur(42px) saturate(140%)}.delete-playlist-panel{position:relative;width:min(520px,92vw);padding:28px;border-radius:26px;background:linear-gradient(145deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffff59;transform:translateY(32px) scale(.96);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:18px}.delete-playlist-overlay.is-active{opacity:1;pointer-events:auto}.delete-playlist-overlay.is-active .delete-playlist-panel{transform:translateY(0) scale(1);opacity:1}.delete-playlist__header{display:flex;align-items:center;justify-content:space-between}.delete-playlist__header h3{font-size:1.25rem;font-weight:600}.delete-playlist__copy{color:#ffffffb3;line-height:1.6}.delete-playlist__copy strong{color:#fffffff2}.delete-playlist__actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:640px){.delete-playlist-panel{padding:20px;width:96vw}.delete-playlist__actions{flex-direction:column}.delete-playlist__actions .ghost-button{width:100%}}.volume-hud{position:fixed;left:50%;bottom:118px;transform:translate(-50%) translateY(12px);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);box-shadow:0 12px 30px #00000059;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:1900}.volume-hud.is-active{opacity:1;transform:translate(-50%) translateY(0)}.volume-hud__bar{width:120px;height:4px;border-radius:999px;background:#fff3;overflow:hidden}.volume-hud__fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#cfe9ff,#e6ddff,#ffd6e7);box-shadow:0 0 12px #cfe9ff73;transition:width .15s linear}.volume-hud__value{font-size:.72rem;color:#ffffffb3;min-width:34px;text-align:right}@media(max-width:640px){.volume-hud{bottom:100px}.volume-hud__bar{width:90px}}:root{--glass-blur-heavy: 42px;--glass-blur-soft: 18px;--glass-bg: rgba(255,255,255,.08);--glass-stroke: rgba(255,255,255,.18);--pastel-blue: #cfe9ff;--pastel-pink: #ffd6e7;--pastel-lilac: #e6ddff;--pastel-mint: #d7ffe9;--text-primary: #121b2f;--text-secondary: #4c5a73;--radius-xl: 28px;--radius-lg: 20px;--ease-spring: cubic-bezier(.22,1,.36,1)}.search-overlay{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-spring)}.search-overlay.is-active{opacity:1;pointer-events:auto}.overlay__scrim{position:absolute;inset:0;background:radial-gradient(70% 60% at 20% 30%,var(--pastel-blue) 0%,transparent 60%),radial-gradient(70% 60% at 80% 70%,var(--pastel-lilac) 0%,transparent 60%),radial-gradient(70% 60% at 60% 10%,var(--pastel-mint) 0%,transparent 60%),#0a0a0ec7;backdrop-filter:blur(var(--glass-blur-heavy)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(140%)}.search-panel{position:relative;width:min(720px,92vw);max-height:80vh;padding:28px;border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);backdrop-filter:blur(var(--glass-blur-soft)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur-soft)) saturate(160%);border:1px solid var(--glass-stroke);box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffff59,inset 0 -1px #ffffff14;transform:translateY(40px) scale(.95);opacity:0;transition:transform .6s var(--ease-spring),opacity .6s var(--ease-spring)}.search-overlay.is-active .search-panel{transform:translateY(0) scale(1);opacity:1}.search-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:3px 3px;opacity:.05;pointer-events:none}.search-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.search-panel__header h3{font-size:1.35rem;font-weight:600;letter-spacing:.4px;color:var(--text-primary)}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .35s var(--ease-spring)}.icon-button:hover{transform:scale(1.1);background:#ffffff24;box-shadow:0 8px 22px #00000059}.search-panel__field{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-lg);background:#ffffff94;border:1px solid rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .35s var(--ease-spring)}.search-panel__field:focus-within{background:#ffffffb8;border-color:#a98bffa3;box-shadow:0 0 0 2px #a98bff33,0 0 18px #4ee3ff33}.search-panel__field input{flex:1;background:transparent;border:0;outline:0;font-size:.95rem;color:var(--text-primary)!important;caret-color:#3f4f6f}.search-panel__field input::placeholder{color:#485670bd!important}.search-panel__field input::selection{background:#a98bff47;color:#101827}.search-panel__results{margin-top:22px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px;flex:1;min-height:0}.search-panel__empty{padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.18);color:var(--text-secondary);text-align:center;background:#ffffff0a}.search-result{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:18px;background:#ffffff6b;border:1px solid rgba(255,255,255,.84);cursor:pointer;transition:transform .35s var(--ease-spring),background .35s,box-shadow .35s}.search-result>div{min-width:0}.search-result:hover{transform:translateY(-3px) scale(1.02);background:#ffffff9e;box-shadow:0 14px 30px #25375c33}.search-result:focus-visible{outline:none;box-shadow:0 0 0 2px #cfe9ff66,0 14px 30px #00000073}.search-result .art{width:48px;height:48px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 6px 18px #00000080}.search-result__art-image{display:block;object-fit:cover}.search-result__art-fallback{background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7)}.search-result__title{color:var(--text-primary);font-weight:500;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.2}.search-result__meta{color:var(--text-secondary);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0;line-height:1.2}.text-button{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}.text-button:hover{transform:scale(1.08);background:#ffffff2e;box-shadow:0 8px 18px #00000059}@media(max-width:640px){.search-overlay{place-items:center;padding:12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}.search-panel{width:min(96vw,540px);max-width:540px;max-height:min(82dvh,640px);border-radius:20px;padding:14px 12px}.search-panel__results{margin-top:12px;max-height:calc(min(82dvh,640px) - 126px);padding-right:2px}.search-result{grid-template-columns:40px 1fr;gap:10px;padding:10px 11px}.text-button{display:none}}@media(min-width:641px)and (max-width:768px){.search-panel{width:96vw;max-height:88vh;padding:18px}.search-panel__results{gap:8px}.search-result{grid-template-columns:40px 1fr;padding:10px 12px}.text-button{display:none}}@media(max-width:480px){.search-panel__header h3{font-size:.98rem}.search-panel__field{padding:10px 12px}.search-panel__field input{font-size:.88rem}}@media(max-height:720px){.search-panel{max-height:86vh;padding:20px}}.settings-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.settings-overlay.is-active{opacity:1;pointer-events:auto}.settings-overlay .overlay__scrim{position:absolute;inset:0;background:radial-gradient(70% 60% at 15% 25%,#cfe9ff 0%,transparent 60%),radial-gradient(70% 60% at 85% 75%,#ffd6e7 0%,transparent 60%),radial-gradient(60% 60% at 60% 15%,#e6ddff 0%,transparent 60%),#0a0a0ed1;backdrop-filter:blur(42px) saturate(150%);-webkit-backdrop-filter:blur(42px) saturate(150%)}.settings-panel{position:relative;width:min(640px,92vw);max-height:80vh;padding:28px;border-radius:28px;overflow-y:auto;background:linear-gradient(145deg,#ffffff21,#ffffff0d);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 90px #0000008c,inset 0 1px #ffffff59,inset 0 -1px #ffffff14;transform:translateY(42px) scale(.95);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:14px}.settings-overlay.is-active .settings-panel{transform:translateY(0) scale(1);opacity:1}.settings-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:3px 3px;opacity:.05;pointer-events:none}.settings-panel__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s,box-shadow .35s}.settings-panel__row:hover{transform:translateY(-2px) scale(1.015);background:#ffffff1f;box-shadow:0 14px 30px #00000073}.settings-panel__title{font-size:.95rem;font-weight:600;color:#ffffffeb;letter-spacing:.3px}.settings-panel__subtitle{font-size:.78rem;color:#ffffff8c;margin-top:2px}.toggle{width:52px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;position:relative;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .35s,box-shadow .35s,transform .25s}.toggle:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000059}.toggle span{position:absolute;top:3px;left:4px;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#fffffff2,#e6e6ebd9);box-shadow:0 3px 8px #0006,inset 0 1px 1px #ffffffe6;transition:left .35s cubic-bezier(.22,1,.36,1),transform .25s}.toggle:active span{transform:scale(.92)}.toggle.is-active{background:linear-gradient(120deg,#cfe9ff,#e6ddff,#ffd6e7);box-shadow:0 0 22px #cfe9ff80}.toggle.is-active span{left:24px}@media(max-width:640px){.settings-panel{padding:20px}.settings-panel__row{padding:14px}}@media(max-width:768px){.settings-panel{width:96vw;padding:18px;gap:10px}.settings-panel__row{padding:12px 14px}.toggle{transform:scale(.92)}}@media(max-width:480px){.settings-panel__title{font-size:.88rem}.settings-panel__subtitle{font-size:.72rem}}@media(max-height:720px){.settings-panel{max-height:86vh;padding:20px}}.sidebar{position:relative;width:min(1200px,94vw);height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 18px;background:linear-gradient(180deg,#ffffff24,#ffffff0d);border:1px solid rgba(255,255,255,.16);border-radius:1rem;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px #ffffff40,0 20px 50px #0000008c;transition:width .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);overflow:hidden;z-index:100}.page-footer{display:flex;justify-content:center;margin-top:auto;padding:24px 16px 120px}.sidebar.is-collapsed{width:min(720px,92vw)}.sidebar.is-collapsed .sidebar__text,.sidebar.is-collapsed .sidebar__label{opacity:0;pointer-events:none;transform:translate(-6px)}.sidebar__header{display:flex;align-items:center;gap:10px;flex:1 1 100%}.mac-controls{display:flex;gap:6px;margin-right:6px}.mac-controls span{width:10px;height:10px;border-radius:50%}.mac-controls span:nth-child(1){background:#ff5f57}.mac-controls span:nth-child(2){background:#ffbd2e}.mac-controls span:nth-child(3){background:#28c840}.sidebar__toggle{margin-left:auto}.sidebar__section{display:flex;align-items:center;gap:10px;flex:1 1 260px}.sidebar__label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;padding:0 8px;transition:opacity .3s,transform .3s}.sidebar__nav,.sidebar__playlists{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:2px}.sidebar__nav::-webkit-scrollbar,.sidebar__playlists::-webkit-scrollbar{height:6px}.sidebar__nav::-webkit-scrollbar-thumb,.sidebar__playlists::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.sidebar__item,.sidebar__playlist{position:relative;display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:#ffffff0a;color:#ffffffbf;font-size:.88rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s ease,transform .2s ease,border .25s ease,color .25s ease}.sidebar__item .icon,.sidebar__playlist .dot{flex-shrink:0}.sidebar__item:before,.sidebar__playlist:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#cfe9ff59,#e6ddff40,#ffd6e759);opacity:0;transition:opacity .25s;pointer-events:none}@media(hover:hover){.sidebar__item:hover,.sidebar__playlist:hover{transform:translateY(-2px);background:#ffffff1a}.sidebar__item:hover:before,.sidebar__playlist:hover:before{opacity:.4}}.sidebar__item.is-active,.sidebar__playlist.is-active{background:#ffffff29;border:1px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 10px 24px #00000059}.sidebar__item.muted{opacity:.6}.dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#cfe9ff,#e6ddff,#ffd6e7)}.sidebar__text{white-space:nowrap;transition:opacity .3s,transform .3s}.sidebar__empty{font-size:.82rem;color:#ffffff7a;padding:0 10px;white-space:nowrap}.sidebar__settings{margin-left:auto}@media(max-width:1100px){.sidebar{width:min(980px,94vw)}}@media(max-width:900px){.sidebar{gap:10px 14px;padding:12px 14px}.sidebar__section{flex:1 1 100%}}@media(max-width:600px){.sidebar{padding:16px 12px}.sidebar__item,.sidebar__playlist{height:44px;font-size:.9rem}}@media(max-width:520px){.sidebar__label{display:none}.sidebar__item,.sidebar__playlist{padding:0 12px}}.toast-stack{position:fixed;right:24px;bottom:120px;display:flex;flex-direction:column;gap:12px;z-index:2000;pointer-events:none}.toast{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-width:220px;max-width:min(360px,90vw);padding:12px 16px;border-radius:16px;background:linear-gradient(145deg,#ffffff24,#ffffff0f);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff40;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);color:#ffffffeb;font-size:.85rem;letter-spacing:.2px;pointer-events:auto;animation:toastIn .4s cubic-bezier(.22,1,.36,1)}.toast__message{line-height:1.4;color:#000}.toast__close{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:inherit;display:grid;place-items:center;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s}.toast__close:hover{transform:scale(1.08);background:#ffffff29}.toast--success{border-color:#cfe9ff80;box-shadow:0 18px 40px #00000073,0 0 18px #cfe9ff59}.toast--info{border-color:#ffffff47}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.toast-stack{left:14px;right:14px;bottom:10px}.toast{min-width:0;width:100%}}@media(max-width:480px){.toast-stack{top:2px}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.topbar{position:sticky;top:0;height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 26px;background:linear-gradient(180deg,#ffffff29,#ffffff0f);border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px #ffffff59,0 10px 30px #00000073;z-index:120}.topbar__search{position:relative;height:44px;width:min(520px,55vw);flex:1;min-width:0;max-width:640px;display:flex;align-items:center;gap:12px;padding:0 18px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#ffffffb3;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .25s ease,transform .2s ease,box-shadow .25s ease}.topbar__search:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#cfe9ff59,#e6ddff40,#ffd6e759);opacity:0;transition:opacity .25s}@media(hover:hover){.topbar__search:hover{transform:translateY(-2px);background:#ffffff29;box-shadow:0 12px 28px #00000059}.topbar__search:hover:before{opacity:.4}}.topbar__search:active{transform:scale(.98)}.topbar__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar__logout-button{border-color:#ffa8c26b;color:#ffe2ebf2;background:#ff6ca029}.topbar__logout-button:hover{background:#ff7cb042}.ghost-button{height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffe6;font-size:.86rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s,transform .2s,box-shadow .25s}.ghost-button:hover{background:#ffffff2e;transform:translateY(-2px);box-shadow:0 10px 22px #00000059}.ghost-button:active{transform:scale(.95)}.profile-chip{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .25s,transform .2s,box-shadow .25s}.profile-chip:hover{background:#ffffff2e;transform:translateY(-2px);box-shadow:0 10px 26px #0006}.profile-chip__avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:600;background:linear-gradient(135deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10}.profile-chip__meta{display:flex;flex-direction:column;line-height:1.05}.profile-chip__name{font-size:.82rem;font-weight:500}.profile-chip__status{font-size:.68rem;color:#ffffff8c}@media(max-width:1024px){.topbar__search{width:45vw}}@media(max-width:820px){.topbar{height:64px;padding:0 18px}.topbar__search{width:38vw;font-size:.85rem}.ghost-button{padding:0 12px}}@media(max-width:740px){.topbar{flex-wrap:wrap;height:auto;padding:10px 14px;row-gap:10px;gap:10px;top:env(safe-area-inset-top)}.topbar__search{width:100%;max-width:none;height:40px;padding:0 14px}.topbar__actions{width:100%;justify-content:stretch;gap:8px}}@media(max-width:640px){.topbar{border-radius:0 0 14px 14px}.topbar__search{width:100%;font-size:.8rem}.topbar__actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.topbar__nav-button{width:100%;height:36px;padding:0 8px;font-size:.76rem;border-radius:12px}}@media(max-width:420px){.topbar{padding:8px 10px}.topbar__actions{gap:6px}.topbar__nav-button{font-size:.72rem;letter-spacing:.01em}}.track-row{position:relative;display:grid;grid-template-columns:1.6fr 1fr auto;align-items:center;gap:22px;padding:12px 18px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,box-shadow .25s ease;overflow:hidden}.track-row.is-active{background:#ffffff24;border-color:#cfe9ff59;box-shadow:0 16px 30px #0006}.track-row.is-active .track-row__play{opacity:1;transform:scale(1);background:linear-gradient(135deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10}.track-row:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 10% 50%,#cfe9ff 0%,transparent 55%),radial-gradient(circle at 90% 50%,#ffd6e7 0%,transparent 55%);opacity:0;transition:opacity .35s ease;pointer-events:none}@media(hover:hover){.track-row:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 26px #00000059}.track-row:hover:before{opacity:.35}.track-row:hover .track-row__play{opacity:1;transform:scale(1)}}.track-row__title{display:flex;align-items:center;gap:14px;min-width:0}.track-row__art{width:44px;height:44px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 22px #00000059}.track-row__name{font-size:.92rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__artist{font-size:.78rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__play{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;background:#ffffff14;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1),background .25s ease}.track-row__play:hover{background:linear-gradient(135deg,#cfe9ff,#e6ddff,#ffd6e7);color:#0b0c10;transform:scale(1.05)}.track-row__play:active{transform:scale(.92)}.track-row__progress{width:100%}.track-row .progress{position:relative;width:100%;height:5px;border-radius:999px;background:#ffffff1f;overflow:hidden}.track-row .progress__fill{position:absolute;top:0;left:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#cfe9ff,#e6ddff,#ffd6e7);box-shadow:0 0 14px #cfe9ff73;transition:width .2s linear}.track-row__time{font-size:.78rem;color:#ffffff8c;letter-spacing:.02em}.track-row:active{transform:scale(.98)}@media(max-width:900px){.track-row{grid-template-columns:1fr auto;gap:16px}.track-row__progress{display:none}.track-row__play{opacity:1;transform:none}}@media(max-width:600px){.track-row{padding:10px 14px;border-radius:14px}.track-row__art{width:36px;height:36px;border-radius:10px}.track-row__name{font-size:.86rem}.track-row__artist{font-size:.72rem}.track-row__play{width:32px;height:32px}.track-row__time{font-size:.72rem}}@media(max-width:420px){.track-row{grid-template-columns:1fr auto;gap:8px;padding:9px 10px}.track-row__title{gap:10px}.track-row__artist{display:none}.track-row__play{width:30px;height:30px}.track-row__time{display:none}}:root{--ultra-bg-0: #fcfdff;--ultra-bg-1: #f8faff;--ultra-bg-2: #fffaf4;--ultra-glass: rgba(255, 255, 255, .58);--ultra-glass-strong: rgba(255, 255, 255, .74);--ultra-stroke: rgba(255, 255, 255, .84);--ultra-text: #111827;--ultra-muted: #38445b;--ultra-aqua: #4ee3ff;--ultra-violet: #a98bff;--ultra-rose: #ff9ec9;--ultra-mango: #ffc975;--ultra-mint: #97f0bc;--ultra-ink: #101725}@keyframes ultraGradientShift{0%{background-position:0% 50%}to{background-position:100% 50%}}body{background:radial-gradient(56% 54% at 12% 18%,rgba(78,227,255,.22),transparent 64%),radial-gradient(54% 52% at 84% 14%,rgba(169,139,255,.2),transparent 66%),radial-gradient(52% 50% at 78% 86%,rgba(255,158,201,.18),transparent 68%),radial-gradient(46% 44% at 24% 86%,rgba(255,201,117,.17),transparent 68%),radial-gradient(42% 40% at 52% 72%,rgba(151,240,188,.16),transparent 66%),linear-gradient(165deg,var(--ultra-bg-0) 0%,var(--ultra-bg-1) 56%,var(--ultra-bg-2) 100%);color:var(--ultra-text)}.page--home,.page--library,.page--playlist,.page--profile,.page--profile-edit{background:radial-gradient(56% 54% at 12% 18%,rgba(78,227,255,.2) 0%,transparent 64%),radial-gradient(54% 52% at 84% 14%,rgba(169,139,255,.18) 0%,transparent 66%),radial-gradient(52% 50% at 78% 86%,rgba(255,158,201,.16) 0%,transparent 68%),radial-gradient(46% 44% at 24% 86%,rgba(255,201,117,.15) 0%,transparent 68%),radial-gradient(42% 40% at 52% 72%,rgba(151,240,188,.14) 0%,transparent 66%),linear-gradient(165deg,#fcfdff,#f7f9ff 56%,#fffaf4)!important;color:var(--ultra-text)!important}.app__background{background:radial-gradient(circle at 15% 20%,#f7fbff,#f3f7ff 40%,#f8f3ff)!important}.noise{opacity:.018!important}.orb--one{background:radial-gradient(circle,rgba(78,227,255,.45) 0%,rgba(78,227,255,.15) 42%,transparent 70%)!important}.orb--two{background:radial-gradient(circle,rgba(169,139,255,.42) 0%,rgba(169,139,255,.14) 42%,transparent 70%)!important}.orb--three{background:radial-gradient(circle,rgba(255,158,201,.36) 0%,rgba(255,158,201,.13) 42%,transparent 72%)!important}.glass-panel,.sidebar,.topbar,.mini-player,.overlay__panel,.playlist-hero,.track-list,.profile-hero,.profile-section,.library-card,.search-result,.search-panel,.create-playlist-panel,.delete-playlist-panel,.artist-scroller{background:linear-gradient(145deg,#ffffffa8,#ffffff5c)!important;border:1px solid var(--ultra-stroke)!important;backdrop-filter:blur(30px) saturate(190%)!important;-webkit-backdrop-filter:blur(30px) saturate(190%)!important;box-shadow:0 24px 58px #2b3e6629,inset 0 1px #fffffff5,inset 0 -1px #ffffff75!important}.hero{border:1px solid rgba(255,255,255,.78)}.hero__glow{background:radial-gradient(circle,rgba(255,255,255,.72) 0%,transparent 70%)!important;opacity:.5!important}.artist-scroller{background:linear-gradient(145deg,#ffffffad,#ffffff57),radial-gradient(60% 110% at 0% 50%,rgba(78,227,255,.14) 0%,transparent 65%),radial-gradient(60% 110% at 100% 50%,rgba(255,158,201,.13) 0%,transparent 65%)!important}.section__head h2,.page__subtitle,.sidebar__text,.mini-player__title,.search-result__title,.track-row__name,.artist-item__name{color:var(--ultra-text)!important}.section__hint,.track-row__artist,.mini-player__artist,.search-result__meta,.profile-section__meta,.section__empty,.sidebar__label,.hero__subtitle,.eyebrow{color:var(--ultra-muted)!important}.primary-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#fff,#f7fcff 28%,#4ee3ffd1 52%,#a98bffc7 72%,#ff9ec9c7)!important;background-size:180% 180%!important;color:var(--ultra-ink)!important;border:1px solid rgba(255,255,255,.96)!important;font-weight:700;letter-spacing:.02em;box-shadow:0 14px 30px #32446c38,0 0 16px #4ee3ff3d,0 0 20px #a98bff3d,0 0 24px #ff9ec938!important;animation:ultraGradientShift 7s linear infinite alternate}.primary-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 34px #32446c42,0 0 20px #4ee3ff4d,0 0 26px #a98bff4d,0 0 30px #ff9ec942!important}.primary-button:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#4ee3ffeb,#a98bffe6,#ff9ec9e6,#ffc975e6,#97f0bce6);filter:blur(10px);opacity:.52;transition:opacity .28s ease}.primary-button:hover:before{opacity:.92}.page--home .ghost-button[aria-pressed=true]{background:linear-gradient(112deg,#fff,#97f0bcb8 38%,#ffc975c2 68%,#ff9ec9c7)!important;color:var(--ultra-ink)!important;border-color:transparent!important;box-shadow:0 10px 24px #46597d33!important}.ghost-button,.text-button,.mini-player__expand,.sidebar__item,.sidebar__playlist,.topbar__search,.profile-chip,.icon-button,.artist-item{background:#ffffff80!important;border:1px solid rgba(255,255,255,.84)!important;color:var(--ultra-ink)!important}.ghost-button:hover,.text-button:hover,.mini-player__expand:hover,.sidebar__item:hover,.sidebar__playlist:hover,.topbar__search:hover,.profile-chip:hover,.icon-button:hover,.artist-item:hover{background:#ffffffa8!important;box-shadow:0 10px 22px #394d6f2b,0 0 14px #4ee3ff33!important}.artist-item:focus-visible{outline:2px solid rgba(169,139,255,.68)!important;outline-offset:2px}.album-card,.track-row,.library-card,.search-result,.artist-item{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#ffffff9e,#ffffff57)!important;border:1px solid rgba(255,255,255,.88)!important;backdrop-filter:blur(26px) saturate(185%)!important;-webkit-backdrop-filter:blur(26px) saturate(185%)!important;box-shadow:0 16px 36px #31456d26,inset 0 1px #fffffff2!important}.album-card:after,.track-row:after,.library-card:after,.search-result:after,.artist-item:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;background:linear-gradient(118deg,#4ee3fffa,#a98bfff0,#ff9ec9eb,#ffc975f0,#97f0bcf5);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;filter:saturate(130%) brightness(1.08);transition:opacity .26s ease,filter .26s ease;pointer-events:none}.album-card:hover,.track-row:hover,.library-card:hover,.search-result:hover,.artist-item:hover{border-color:#fffffff5!important;box-shadow:0 20px 42px #31456d38,0 0 22px #4ee3ff57,0 0 28px #a98bff4d,0 0 30px #ff9ec947,0 0 20px #ffc97542!important}.album-card:hover:after,.track-row:hover:after,.library-card:hover:after,.search-result:hover:after,.artist-item:hover:after{opacity:1;filter:saturate(170%) brightness(1.18)}.sidebar__item.is-active,.sidebar__playlist.is-active,.track-row.is-active,.album-card.is-active{border-color:#fffffffa!important;box-shadow:0 14px 30px #31456d38,0 0 20px #4ee3ff47,0 0 22px #a98bff42,0 0 18px #ff9ec933!important}.progress__fill{background:linear-gradient(90deg,#fff,#4ee3ffe0 32%,#a98bffd6 62%,#ff9ec9d1)!important;box-shadow:0 0 12px #a98bff42!important}.art,.album-card__cover,.artist-item__avatar,.mini-player__art,.art--full,.artist-hero__image,.album-hero__image{border:1px solid rgba(255,255,255,.84)!important;box-shadow:0 14px 30px #34486f2e,0 0 14px #ffffff5c!important}input,textarea{background:#ffffff85!important;border:1px solid rgba(255,255,255,.86)!important;color:var(--ultra-text)!important}input::placeholder,textarea::placeholder{color:var(--ultra-muted)!important}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ee3ffa8,#a98bff9e,#ff9ec999);border-radius:999px}