*,*:before,*:after{box-sizing:border-box}:root{--bg: #050508;--bg-tint: #0d0a14;--bg-soft: #0f0d14;--bg-card: rgba(20, 18, 28, .85);--border: rgba(167, 139, 250, .2);--purple-deep: #3b1d6e;--purple-mid: #6d28d9;--purple-glow: #8b5cf6;--purple-soft: #a78bfa;--purple-bright: #c4b5fd;--purple-pale: rgba(167, 139, 250, .18);--purple-pale-strong: rgba(167, 139, 250, .35);--text: rgba(255, 255, 255, .96);--text-muted: rgba(255, 255, 255, .58);--font-heading: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 16px;--radius-lg: 24px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .4s}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:2rem;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;font-family:var(--font-body);font-weight:400;color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(59,29,110,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 80% 60%,rgba(109,40,217,.12) 0%,transparent 45%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;position:relative}a{color:var(--purple-soft);text-decoration:none;transition:color .25s var(--ease-out)}a:hover{color:#c4b5fd}button{font-family:var(--font-body);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}@media(prefer-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:98;opacity:0;transition:opacity .25s var(--ease-out)}.sidebar-backdrop--open{opacity:1}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:99;width:260px;background:#0c0a12f7;border-right:1px solid var(--border);display:flex;flex-direction:column;transform:translate(-100%);transition:width .25s var(--ease-out),transform .3s var(--ease-out)}.sidebar--open{transform:translate(0)}.sidebar--collapsed{width:72px}.sidebar--collapsed .sidebar__head{padding:1rem .5rem;display:flex;flex-direction:column;align-items:center}.sidebar--collapsed .sidebar__logo{display:flex;justify-content:center;align-items:center;margin-bottom:0;min-width:0;overflow:hidden}.sidebar--collapsed .sidebar__logo-text{flex-shrink:0;white-space:nowrap}.sidebar--collapsed .sidebar__tagline,.sidebar--collapsed .sidebar__label{display:none}.sidebar--collapsed .sidebar__link{justify-content:center;padding:.75rem}.sidebar--collapsed .sidebar__collapse-chevron--right{transform:rotate(180deg)}.sidebar__head{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.sidebar__logo{display:block;text-decoration:none;margin-bottom:.25rem}.sidebar__logo:hover .logo-999{filter:brightness(1.1)}.sidebar__tagline{font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.sidebar__nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:.25rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:10px;transition:color .2s,background .2s}.sidebar__link:hover{color:var(--purple-soft);background:var(--purple-pale)}.sidebar__link--active,.sidebar__link--active:hover{color:#fff;background:var(--purple-pale-strong)}.sidebar__icon{width:1.35rem;height:1.35rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.sidebar__icon svg{width:100%;height:100%}.sidebar__label{flex:1}.sidebar__foot{padding:1rem .75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.sidebar__collapse{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:color .2s,background .2s}.sidebar__collapse:hover{color:var(--purple-soft);background:var(--purple-pale)}.sidebar__collapse svg{width:20px;height:20px}.sidebar__link--foot .sidebar__icon{opacity:.8}@media(min-width:900px){.sidebar-backdrop{display:none!important}.sidebar{transform:translate(0);width:260px}.sidebar--collapsed{width:72px}}@media(max-width:899px){.sidebar-backdrop{display:block}.sidebar--collapsed{width:260px}}.profile-btn-wrap{position:relative}.profile-btn{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .75rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text);background:#ffffff0f;border:1px solid var(--border);border-radius:9999px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.profile-btn:hover{border-color:var(--purple-pale-strong);background:var(--purple-pale)}.profile-btn:focus-visible{outline:2px solid var(--purple-glow);outline-offset:2px}.profile-btn__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--purple-mid),var(--purple-glow));display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}.profile-btn__email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}@media(max-width:500px){.profile-btn__email{display:none}}.profile-btn__chevron{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .2s}.profile-btn[aria-expanded=true] .profile-btn__chevron{transform:rotate(180deg)}.profile-btn__chevron svg{width:16px;height:16px}.profile-btn--guest{text-decoration:none;padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--purple-mid),var(--purple-glow));border:none;color:#fff;box-shadow:0 4px 20px #6d28d959}.profile-btn--guest:hover{box-shadow:0 6px 28px #8b5cf673;background:linear-gradient(135deg,var(--purple-glow),var(--purple-soft))}.profile-btn__text{font-weight:600}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 48px #0006;overflow:hidden;animation:profile-drop .2s var(--ease-out)}@keyframes profile-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown__head{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.profile-dropdown__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--purple-mid),var(--purple-glow));display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;flex-shrink:0}.profile-dropdown__email{font-size:.9rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown__links{padding:.5rem}.profile-dropdown__link{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text);background:none;border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s;text-align:left}.profile-dropdown__link:hover{background:var(--purple-pale);color:var(--purple-soft)}.profile-dropdown__link--danger:hover{color:#f87171;background:#f871711a}.login-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:login-fade-in .25s var(--ease-out)}@keyframes login-fade-in{0%{opacity:0}to{opacity:1}}.login-modal{position:relative;width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 24px 60px #00000080;animation:login-scale-in .3s var(--ease-out)}@keyframes login-scale-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal__close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.login-modal__close:hover{color:#fff;background:var(--purple-pale)}.login-modal__close svg{width:20px;height:20px}.login-modal__logo{text-align:center;margin-bottom:.5rem}.login-modal__sub{text-align:center;font-size:.9rem;color:var(--text-muted);margin:0 0 1.5rem}.login-modal__tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.login-modal__tab{flex:1;padding:.65rem 1rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.login-modal__tab:hover{color:var(--purple-soft);border-color:var(--purple-pale)}.login-modal__tab--active{color:#fff;border-color:var(--purple-glow);background:var(--purple-pale)}.login-modal__form{display:flex;flex-direction:column;gap:.75rem}.login-modal__label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.login-modal__input{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;color:#fff;background:#ffffff0f;border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.login-modal__input::placeholder{color:var(--text-muted);opacity:.8}.login-modal__input:focus{border-color:var(--purple-glow);box-shadow:0 0 0 3px #8b5cf633}.login-modal__error{font-size:.9rem;color:#f87171;margin:0}.login-modal__submit{margin-top:.5rem;padding:.9rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple-mid),var(--purple-glow));border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-modal__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6d28d966}.login-modal__submit:disabled{opacity:.7;cursor:not-allowed}.player-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#0c0a12eb;border-top:1px solid var(--border);padding:.75rem 1.25rem 1rem;display:flex;align-items:center;gap:1.25rem;min-height:72px;transition:left .25s var(--ease-out),background .3s var(--ease-out);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.layout--with-sidebar .player-bar{left:260px}.layout--with-sidebar.layout--sidebar-collapsed .player-bar{left:72px}.player-bar--empty{display:none}.player-bar__art{width:48px;height:48px;border-radius:10px;background:linear-gradient(145deg,var(--purple-mid),var(--purple-deep));flex-shrink:0;transition:transform .3s var(--ease-out)}.player-bar:hover .player-bar__art{transform:scale(1.02)}.player-bar__info{min-width:0;flex:0 0 180px}.player-bar__title{font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.player-bar__artist{font-size:.8rem;color:var(--text-muted);margin:.25rem 0 0;transition:color .2s}.player-bar__controls{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:0}.player-bar__buttons{display:flex;align-items:center;gap:.5rem}.player-bar__btn{width:44px;height:44px;border:none;background:transparent;color:var(--purple-soft);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s,transform .2s,opacity .2s}.player-bar__btn:hover:not(:disabled){color:#fff;background:var(--purple-pale);transform:scale(1.08)}.player-bar__btn:active:not(:disabled){transform:scale(.98)}.player-bar__btn:disabled{opacity:.35;cursor:not-allowed}.player-bar__btn--main{width:48px;height:48px;color:#fff;background:linear-gradient(135deg,var(--purple-mid),var(--purple-glow));box-shadow:0 4px 20px #6d28d973}.player-bar__btn--main:hover{background:linear-gradient(135deg,var(--purple-glow),var(--purple-soft));transform:scale(1.06);box-shadow:0 6px 24px #8b5cf680}.player-bar__btn--main:active{transform:scale(1.02)}.player-bar__btn svg{width:22px;height:22px}.player-bar__btn--main svg{width:26px;height:26px}.player-bar__progress-wrap{width:100%;max-width:400px;display:flex;align-items:center;gap:.5rem}.player-bar__time{font-size:.7rem;color:var(--text-muted);min-width:36px;font-variant-numeric:tabular-nums}.player-bar__progress{flex:1;height:6px;background:var(--purple-pale);border-radius:3px;cursor:pointer;position:relative;overflow:hidden;transition:height .2s}.player-bar__progress:hover{height:8px}.player-bar__progress-fill{height:100%;background:linear-gradient(90deg,var(--purple-mid),var(--purple-glow));border-radius:3px;width:var(--progress, 0%);transition:width .15s linear}.player-bar__volume{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.player-bar__volume input{width:80px;height:6px;accent-color:var(--purple-glow);cursor:pointer;border-radius:3px}@media(max-width:640px){.player-bar{padding:.6rem 1rem .85rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));min-height:64px;gap:.75rem}.layout--with-sidebar .player-bar,.layout--with-sidebar.layout--sidebar-collapsed .player-bar{left:0}.player-bar__art{width:44px;height:44px}.player-bar__info{flex:0 0 100px;min-width:0}.player-bar__title{font-size:.9rem}.player-bar__artist{font-size:.75rem}.player-bar__buttons{gap:.25rem}.player-bar__btn{width:44px;height:44px;min-width:44px;min-height:44px}.player-bar__btn--main{width:46px;height:46px;min-width:46px;min-height:46px}.player-bar__progress-wrap{max-width:100%}.player-bar__volume{display:none}}@media(max-width:480px){.player-bar__info{flex:0 0 80px}}.layout{min-height:100vh;position:relative}.layout__right{min-height:100vh;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s var(--ease-out)}.layout__right--with-sidebar{margin-left:0}.layout__right--sidebar-collapsed{margin-left:72px}@media(min-width:900px){.layout__right--with-sidebar{margin-left:260px}.layout__right--with-sidebar.layout__right--sidebar-collapsed{margin-left:72px}}.topbar{position:sticky;top:0;z-index:90;min-height:64px;padding:0 1.25rem 0 1rem;padding-top:max(env(safe-area-inset-top),0px);padding-bottom:0;display:flex;align-items:center;gap:1rem;background:#06050ad9;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s var(--ease-out)}.topbar__menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;transition:color .2s,background .2s}.topbar__menu:hover,.topbar__menu[aria-expanded=true]{color:var(--purple-soft);background:var(--purple-pale)}.topbar__logo{display:flex;align-items:center;text-decoration:none}.topbar__logo:hover .logo-999{filter:brightness(1.1)}@media(min-width:900px){.topbar__menu{display:none}}.topbar__menu-icon svg{width:22px;height:22px}.topbar__spacer{flex:1}.main{flex:1;min-height:calc(100vh - 64px);animation:main-fade-in .35s var(--ease-out)}@keyframes main-fade-in{0%{opacity:0}to{opacity:1}}.protected-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.protected-loading__spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--purple-glow);border-radius:50%;animation:protected-spin .8s linear infinite}.protected-loading__text{font-size:.95rem;color:var(--text-muted)}@keyframes protected-spin{to{transform:rotate(360deg)}}.favorite-btn{position:absolute;top:.5rem;right:.5rem;z-index:2;width:32px;height:32px;border:none;border-radius:50%;background:#0c0a12b3;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s,transform .2s}.favorite-btn:hover{color:var(--purple-soft);background:#8b5cf633}.favorite-btn--on{color:#f472b6}.favorite-btn--on:hover{color:#fb7185;background:#f472b633}.favorite-btn svg{width:18px;height:18px}.favorite-btn:focus-visible{outline:2px solid var(--purple-glow);outline-offset:2px}.logo-999{font-family:var(--font-heading);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6 70%,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;line-height:1;text-rendering:optimizeLegibility}.header__logo .logo-999{transition:filter .25s var(--ease-out),opacity .25s var(--ease-out)}.header__logo:hover .logo-999{filter:brightness(1.15)}.hero__logo-wrap .logo-999{text-shadow:0 0 40px rgba(139,92,246,.5);filter:drop-shadow(0 0 20px rgba(139,92,246,.35))}.page{min-height:100vh;position:relative}.page--with-player{padding-bottom:88px}[id]{scroll-margin-top:5rem}#vault{scroll-margin-top:2rem}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,var(--bg) 0%,transparent 100%);transition:background .4s var(--ease-out),padding .3s var(--ease-out)}.header__logo{display:flex;align-items:center;text-decoration:none;opacity:0;animation:fade-down .6s var(--ease-out) .2s forwards;transition:opacity .25s var(--ease-out)}.header__logo:hover{opacity:.9}.header__logo .logo-999{font-size:1.5rem}.header__nav{display:flex;align-items:center;gap:1.5rem;opacity:0;animation:fade-down .6s var(--ease-out) .35s forwards}.header__link{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .25s var(--ease-out)}.header__link:hover{color:var(--purple-soft)}.header__btn-login{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--purple-soft);background:transparent;border:1px solid var(--purple-pale);padding:.5rem 1rem;border-radius:9999px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.header__btn-login:hover{color:#fff;border-color:var(--purple-glow);background:var(--purple-pale)}.header__user{display:flex;align-items:center;gap:.75rem}.header__email{font-size:.85rem;color:var(--text-muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__logout{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:.25rem 0;transition:color .2s}.header__logout:hover{color:var(--purple-soft)}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:6rem 1.5rem 4rem}.hero__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(95vw,800px);height:min(95vw,800px);border-radius:50%;background:radial-gradient(ellipse 75% 75% at 50% 50%,rgba(109,40,217,.45) 0%,rgba(59,29,110,.2) 40%,transparent 70%);pointer-events:none;animation:glow-pulse 10s var(--ease-in-out) infinite;z-index:0}.hero__glow--secondary{width:min(65vw,480px);height:min(65vw,480px);background:radial-gradient(ellipse 65% 65% at 50% 50%,rgba(139,92,246,.35) 0%,rgba(109,40,217,.12) 50%,transparent 65%);animation:glow-pulse 7s var(--ease-in-out) infinite reverse;animation-delay:1.5s}.hero__glow--accent{width:min(40vw,280px);height:min(40vw,280px);background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(167,139,250,.2) 0%,transparent 60%);animation:glow-pulse 5s var(--ease-in-out) infinite;animation-delay:.5s}@keyframes glow-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.06)}}.hero__shape{position:absolute;border-radius:50%;border:1px solid var(--purple-pale);pointer-events:none;z-index:0}.hero__shape--1{width:120px;height:120px;top:18%;left:12%;animation:float 12s var(--ease-in-out) infinite}.hero__shape--2{width:60px;height:60px;top:25%;right:15%;animation:float 10s var(--ease-in-out) infinite reverse;animation-delay:2s}.hero__shape--3{width:80px;height:80px;bottom:22%;left:18%;animation:float 14s var(--ease-in-out) infinite;animation-delay:1s}.hero__shape--4{width:40px;height:40px;bottom:28%;right:10%;animation:float 9s var(--ease-in-out) infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(8px,-12px) scale(1.05);opacity:.8}66%{transform:translate(-6px,8px) scale(.98);opacity:.6}}.hero__content{position:relative;z-index:1;text-align:center;max-width:680px}.hero__logo-wrap{margin-bottom:1.25rem;opacity:0;animation:fade-up .9s var(--ease-out) forwards}.hero__logo-wrap .logo-999{display:block;margin:0 auto;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--purple-soft);margin-bottom:1.5rem;padding:.4rem .9rem;border:1px solid var(--purple-pale);border-radius:9999px;opacity:0;animation:fade-up .9s var(--ease-out) .08s forwards}.hero__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(2.75rem,11vw,4.75rem);line-height:1.05;letter-spacing:-.04em;margin:0 0 .75rem;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.9) 35%,rgba(255,255,255,.75) 60%,var(--purple-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fade-up .9s var(--ease-out) .18s forwards}.hero__title span{display:block;font-weight:700;font-size:.42em;letter-spacing:.08em;opacity:.95}.hero__tagline{font-family:var(--font-body);font-size:clamp(1.05rem,2.6vw,1.25rem);color:var(--text-muted);line-height:1.65;margin:0 0 2.5rem;max-width:440px;margin-left:auto;margin-right:auto;opacity:0;animation:fade-up .9s var(--ease-out) .34s forwards}.hero__cta-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;opacity:0;animation:fade-up .9s var(--ease-out) .48s forwards}.hero__cta{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-body);font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple-mid) 0%,var(--purple-glow) 100%);border:none;padding:1rem 2rem;border-radius:9999px;box-shadow:0 4px 28px #6d28d973;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),opacity .25s ease}.hero__cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #8b5cf680}.hero__cta:active{transform:translateY(-1px)}.hero__cta svg{width:1.15em;height:1.15em;transition:transform .3s var(--ease-out)}.hero__cta:hover svg{transform:translate(4px)}.hero__cta--ghost{background:transparent;color:var(--text-muted);box-shadow:none;border:1px solid var(--border)}.hero__cta--ghost:hover{color:var(--purple-soft);border-color:var(--purple-pale-strong);box-shadow:none}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;opacity:0;animation:hero-scroll-fade .8s var(--ease-out) .8s forwards;background:none;border:none;cursor:pointer;font-family:var(--font-body);padding:.5rem;transition:color .2s}.hero__scroll:hover{color:var(--purple-soft)}.hero__scroll:focus-visible{outline:2px solid var(--purple-glow);outline-offset:4px;border-radius:4px}@keyframes hero-scroll-fade{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.hero__scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,var(--purple-soft),transparent);border-radius:2px;animation:scroll-line 2s var(--ease-in-out) infinite;display:block}@keyframes scroll-line{0%,to{opacity:.3;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featured-strip{position:relative;z-index:2;padding:3rem 1.5rem 4rem;max-width:1200px;margin:0 auto}.featured-strip__inner{width:100%}.featured-strip__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .25rem}.featured-strip__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.5rem,3.5vw,1.85rem);letter-spacing:-.03em;margin:0;color:#fff}.featured-strip__link{font-size:.9rem;font-weight:500;color:var(--purple-soft);transition:color .25s var(--ease-out),transform .25s var(--ease-out)}.featured-strip__link:hover{color:var(--purple-bright);transform:translate(2px)}.featured-strip__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}@media(min-width:640px){.featured-strip__grid{grid-template-columns:repeat(4,1fr)}}.track-card{display:block;width:100%;position:relative;padding:0;border:none;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;border-radius:var(--radius);overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:transform .3s var(--ease-out),border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}.track-card:focus-visible{outline:2px solid var(--purple-glow);outline-offset:2px}.track-card--skeleton{pointer-events:none}.track-card--skeleton .track-card__title,.track-card--skeleton .track-card__meta{opacity:.5}.track-card:hover{transform:translateY(-4px);border-color:var(--purple-pale-strong);box-shadow:0 16px 40px #0000004d}.track-card__art{aspect-ratio:1;background:linear-gradient(145deg,#6d28d959,#3b1d6e33);display:flex;align-items:center;justify-content:center;position:relative}.track-card__art--2{background:linear-gradient(145deg,#8b5cf64d,#6d28d926)}.track-card__art--3{background:linear-gradient(145deg,#a78bfa40,#8b5cf61f)}.track-card__art--4{background:linear-gradient(145deg,#6d28d966,#3b1d6e33)}.track-card__play{width:48px;height:48px;border-radius:50%;background:#fffffff2;color:var(--purple-mid);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);box-shadow:0 4px 20px #0003}.track-card__play svg{width:22px;height:22px;margin-left:3px}.track-card:hover .track-card__play{opacity:1;transform:scale(1)}.track-card__title{font-family:var(--font-heading);font-weight:700;font-size:.95rem;margin:0;padding:.75rem 1rem .25rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card__meta{font-size:.8rem;color:var(--text-muted);margin:0;padding:0 1rem 1rem}.featured-strip__grid--list{margin-top:0}.section__empty{text-align:center;color:var(--text-muted);font-size:1rem;margin:2rem 0 0;padding:2rem}.section__more{text-align:center;margin:1.5rem 0 0}.section__more-link{font-weight:500;color:var(--purple-soft);transition:color .2s}.section__more-link:hover{color:var(--purple-bright)}.section__error{text-align:center;padding:2rem;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius);margin-top:1rem}.section__error-text{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0 0 1rem}.section__error-btn{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--purple-soft);background:transparent;border:1px solid var(--purple-pale);padding:.6rem 1.25rem;border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.section__error-btn:hover{color:#fff;border-color:var(--purple-glow);background:var(--purple-pale)}.section-divider{height:1px;max-width:1200px;margin:0 auto 2rem;background:linear-gradient(90deg,transparent 0%,var(--purple-pale-strong) 20%,var(--purple-pale-strong) 80%,transparent 100%);opacity:.6}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.stats{position:relative;z-index:2;padding:2.5rem 2rem;margin:0 1.5rem 4rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.5rem 3rem;opacity:0;animation:landing-fade-up .6s var(--ease-out) .4s forwards}.stats__item{text-align:center}.stats__value{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.75rem,4vw,2.25rem);color:#fff;letter-spacing:-.02em;margin:0 0 .2rem}.stats__label{font-size:.8rem;font-weight:500;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.section{position:relative;z-index:1;padding:4rem 1.5rem 5rem;max-width:1200px;margin:0 auto}.section__head{text-align:center;margin-bottom:3rem;opacity:0;animation:landing-fade-up .55s var(--ease-out) .55s forwards}.section__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.03em;margin:0 0 .5rem;color:#fff}.section__sub{font-size:1rem;color:var(--text-muted);max-width:480px;margin:0 auto}.featured-strip__grid--list .track-card{opacity:0;animation:landing-fade-up .5s var(--ease-out) forwards}.featured-strip__grid--list .track-card:nth-child(1){animation-delay:.7s}.featured-strip__grid--list .track-card:nth-child(2){animation-delay:.82s}.featured-strip__grid--list .track-card:nth-child(3){animation-delay:.94s}.featured-strip__grid--list .track-card:nth-child(4){animation-delay:1.06s}.section__more{opacity:0;animation:landing-fade-up .45s var(--ease-out) 1.2s forwards}.featured{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.featured__card{position:relative;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .35s var(--ease-out),transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.featured__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple-mid),var(--purple-glow));opacity:0;transition:opacity .35s var(--ease-out)}.featured__card:hover{border-color:var(--purple-pale-strong);transform:translateY(-4px);box-shadow:0 20px 50px #00000059}.featured__card:hover:before{opacity:1}.featured__icon{width:48px;height:48px;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;background:var(--purple-pale);border-radius:12px;color:var(--purple-soft)}.featured__icon svg{width:24px;height:24px}.featured__card h3{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;margin:0 0 .5rem;color:#fff}.featured__card p{font-size:.95rem;color:var(--text-muted);line-height:1.55;margin:0}.quote-section{padding:5rem 1.5rem 6rem;position:relative;z-index:1}.quote-block{max-width:720px;margin:0 auto;text-align:center;padding:3rem 2rem;opacity:0;animation:landing-fade-up .65s var(--ease-out) .85s forwards;background:linear-gradient(145deg,#6d28d914,#121218b3 50%);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative}.quote-block:before{content:"“";position:absolute;top:1.5rem;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:4rem;font-weight:800;color:var(--purple-pale-strong);line-height:1}.quote-block__text{font-family:var(--font-body);font-size:clamp(1.15rem,2.5vw,1.35rem);font-style:italic;color:var(--text);line-height:1.7;margin:0 0 1rem}.quote-block__cite{font-size:.9rem;font-weight:500;color:var(--purple-soft);letter-spacing:.05em}.notify-section{position:relative;z-index:1;padding:4rem 1.5rem 5rem}.notify-block{max-width:560px;margin:0 auto;text-align:center;padding:3rem 2rem;opacity:0;animation:landing-fade-up .55s var(--ease-out) 1.05s forwards;background:linear-gradient(145deg,#6d28d91f,#14121ce6);border:1px solid var(--border);border-radius:var(--radius-lg)}.notify-block__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.35rem,3vw,1.6rem);margin:0 0 .5rem;color:#fff}.notify-block__text{font-size:1rem;color:var(--text-muted);margin:0 0 1.5rem;line-height:1.55}.notify-block__btn{display:inline-block;font-family:var(--font-body);font-size:1rem;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--purple-mid),var(--purple-glow));border:none;padding:.85rem 2rem;border-radius:9999px;box-shadow:0 4px 24px #6d28d959;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);cursor:pointer}.notify-block__btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf666}.footer{position:relative;z-index:2;padding:3rem 2rem;border-top:1px solid var(--border);background:#060608cc;opacity:0;animation:landing-fade-up .5s var(--ease-out) 1.25s forwards}.footer__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.footer__logo{display:flex;align-items:center;text-decoration:none;transition:opacity .25s var(--ease-out)}.footer__logo:hover{opacity:.85}.footer__logo .logo-999{font-size:1.25rem}.footer__links{display:flex;align-items:center;gap:1.75rem}.footer__link{font-size:.9rem;color:var(--text-muted);transition:color .25s var(--ease-out)}.footer__link:hover{color:var(--purple-soft)}.footer__copy{font-size:.8rem;color:var(--text-muted);margin:0}.page__fade{position:fixed;bottom:0;left:0;right:0;height:240px;background:linear-gradient(to top,var(--bg) 0%,transparent 100%);pointer-events:none;z-index:0}@media(max-width:640px){.header{padding:1rem 1.25rem}.hero{padding:4rem 1rem 3rem;min-height:100dvh}.hero__shape{display:none}.section{padding-left:1rem;padding-right:1rem}.stats{margin-left:1rem;margin-right:1rem;padding:1.75rem 1.25rem;gap:1.5rem}.footer__inner{flex-direction:column;text-align:center}.track-card{min-height:44px}.track-card__play{width:52px;height:52px;min-width:52px;min-height:52px}}@media(max-width:480px){.hero__title{font-size:clamp(1.75rem,8vw,2.5rem)}}.account-login{text-align:left}.account-login__tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.account-login__tab{flex:1;padding:.65rem 1rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.account-login__tab:hover{color:var(--purple-soft);border-color:var(--purple-pale)}.account-login__tab--active{color:#fff;border-color:var(--purple-glow);background:var(--purple-pale)}.account-login__form{display:flex;flex-direction:column;gap:.75rem}.account-login__label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.account-login__input{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;color:#fff;background:#ffffff0f;border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.account-login__input::placeholder{color:var(--text-muted);opacity:.8}.account-login__input:focus{border-color:var(--purple-glow);box-shadow:0 0 0 3px #8b5cf633}.account-login__error{font-size:.9rem;color:#f87171;margin:0}.account-login__submit{margin-top:.5rem;padding:.9rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--purple-mid),var(--purple-glow));border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.account-login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6d28d966}.account-login__submit:disabled{opacity:.7;cursor:not-allowed}.account-login__back{margin:1.5rem 0 0;text-align:center}.account-login__back a{font-size:.9rem;color:var(--text-muted);transition:color .2s}.account-login__back a:hover{color:var(--purple-soft)}.account-page{min-height:100vh;position:relative;padding:6rem 1.5rem 4rem}.account-page__bg{position:fixed;inset:0;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(59,29,110,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.account-page__inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.account-page--auth{display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.account-auth{width:100%;max-width:400px;text-align:center}.account-auth__logo{display:inline-block;margin-bottom:.5rem;text-decoration:none}.account-auth__logo:hover .logo-999{filter:brightness(1.1)}.account-auth__tagline{font-size:1rem;color:var(--text-muted);margin:0 0 2rem}.account-hero{text-align:center;margin-bottom:3rem}.account-hero__avatar{width:80px;height:80px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(145deg,var(--purple-mid),var(--purple-deep));border:3px solid var(--purple-pale-strong)}.account-hero__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.75rem,4vw,2.25rem);color:#fff;margin:0 0 .35rem}.account-hero__email{font-size:1rem;color:var(--text-muted);margin:0 0 .5rem}.account-hero__badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-soft);padding:.35rem .75rem;border:1px solid var(--purple-pale);border-radius:9999px;margin:0}.account-cards{display:flex;flex-direction:column;gap:1.25rem}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;transition:border-color .2s}.account-card:hover{border-color:var(--purple-pale-strong)}.account-card__title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#fff;margin:0 0 1rem}.account-card__list{margin:0}.account-card__row{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--border)}.account-card__row:last-child{border-bottom:none}.account-card__row dt{font-size:.9rem;color:var(--text-muted);font-weight:500;margin:0}.account-card__row dd{font-size:.95rem;color:#fff;margin:0}.account-card__text{font-size:.95rem;color:var(--text-muted);line-height:1.55;margin:0 0 1rem}.account-card__link{font-size:.95rem;font-weight:500;color:var(--purple-soft);transition:color .2s}.account-card__link:hover{color:var(--purple-bright)}.account-card__btn{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--purple-soft);background:transparent;border:1px solid var(--purple-pale);padding:.65rem 1.25rem;border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.account-card__btn:hover{color:#fff;border-color:var(--purple-glow);background:var(--purple-pale)}.account-footer{margin-top:2.5rem;text-align:center}.account-footer__link{font-size:.95rem;color:var(--text-muted);transition:color .2s}.account-footer__link:hover{color:var(--purple-soft)}.dashboard{min-height:100vh;position:relative;padding:5rem 1.5rem 4rem}.dashboard__bg{position:fixed;inset:0;background:radial-gradient(ellipse 120% 50% at 50% -20%,rgba(59,29,110,.25) 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 100% 80%,rgba(109,40,217,.1) 0%,transparent 45%);pointer-events:none;z-index:0}.dashboard__inner{position:relative;z-index:1;max-width:1000px;margin:0 auto}.dashboard-hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.dashboard-hero__settings{margin-left:auto;font-size:.95rem;font-weight:600;color:var(--purple-soft);padding:.5rem 1rem;border:1px solid var(--purple-pale);border-radius:10px;transition:color .2s,border-color .2s,background .2s}.dashboard-hero__settings:hover{color:#fff;border-color:var(--purple-glow);background:var(--purple-pale)}.dashboard-hero__avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,var(--purple-mid),var(--purple-deep));border:3px solid var(--purple-pale-strong);flex-shrink:0}.dashboard-hero__meta{min-width:0}.dashboard-hero__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.5rem,3.5vw,1.85rem);color:#fff;margin:0 0 .2rem}.dashboard-hero__email{font-size:.95rem;color:var(--text-muted);margin:0 0 .4rem}.dashboard-hero__badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-soft);padding:.3rem .6rem;border:1px solid var(--purple-pale);border-radius:9999px}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:2.5rem}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;transition:border-color .2s}.dashboard-card:hover{border-color:var(--purple-pale-strong)}.dashboard-card__title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#fff;margin:0 0 1rem}.dashboard-card__icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--purple-soft)}.dashboard-card__icon svg{width:100%;height:100%}.dashboard-card__list{margin:0}.dashboard-card__row{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--border)}.dashboard-card__row:last-of-type{border-bottom:none}.dashboard-card__row dt{font-size:.9rem;color:var(--text-muted);font-weight:500;margin:0}.dashboard-card__row dd{font-size:.95rem;color:#fff;margin:0}.dashboard-card__hint{font-size:.8rem;color:var(--text-muted);margin:1rem 0 0}.dashboard-card__settings-link{display:inline-block;margin-top:1rem;font-weight:600;color:var(--purple-soft);transition:color .2s}.dashboard-card__settings-link:hover{color:var(--purple-bright)}.dashboard-card__empty{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.5}.recent-list{display:flex;flex-direction:column;gap:.25rem}.recent-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-radius:8px;transition:background .2s}.recent-row:hover{background:var(--purple-pale)}.recent-row__play{width:36px;height:36px;flex-shrink:0;border:none;background:transparent;color:var(--purple-soft);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.recent-row__play:hover{color:#fff;background:var(--purple-pale-strong)}.recent-row__play svg{width:18px;height:18px}.recent-row__play svg:last-child{margin-left:2px}.recent-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.recent-row__title{font-weight:600;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row__artist{font-size:.8rem;color:var(--text-muted)}.recent-row__when{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.settings-list{display:flex;flex-direction:column;gap:.5rem}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.settings-row__label{font-size:.9rem;color:var(--text)}.settings-row__value{font-size:.85rem;color:var(--text-muted)}.dashboard-music{margin-bottom:2.5rem}.dashboard-music__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-music__title{font-family:var(--font-heading);font-weight:800;font-size:1.35rem;color:#fff;margin:0;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.dashboard-music__count{font-size:.85rem;font-weight:600;color:var(--purple-soft);padding:.2rem .6rem;background:var(--purple-pale);border-radius:9999px}.dashboard-music__link{font-size:.9rem;font-weight:500;color:var(--purple-soft);transition:color .2s}.dashboard-music__link:hover{color:var(--purple-bright)}.dashboard-music__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.dashboard-music__empty{font-size:.95rem;color:var(--text-muted);margin:0;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.dashboard-music__empty code{font-size:.85em;color:var(--purple-soft);background:var(--purple-pale);padding:.15rem .4rem;border-radius:4px}.dashboard-music__more{margin-top:1rem}.dashboard-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.dashboard-footer__btn{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--purple-soft);background:transparent;border:1px solid var(--purple-pale);padding:.65rem 1.25rem;border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.dashboard-footer__btn:hover{color:#fff;border-color:var(--purple-glow);background:var(--purple-pale)}.dashboard-footer__link{font-size:.95rem;color:var(--text-muted);transition:color .2s}.dashboard-footer__link:hover{color:var(--purple-soft)}@media(min-width:640px){.dashboard-music__grid{grid-template-columns:repeat(4,1fr)}}.tracks-page{min-height:100vh;position:relative;padding:2rem 1.5rem 4rem}.tracks-page__bg{position:fixed;inset:0;background:radial-gradient(ellipse 100% 50% at 50% -10%,rgba(59,29,110,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.tracks-page__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.tracks-page__head{margin-bottom:2rem}.tracks-page__title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.35rem}.tracks-page__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.75rem,4vw,2.25rem);color:#fff;margin:0}.tracks-page__sync{font-size:.9rem;font-weight:500;color:var(--purple-soft);background:#8b5cf626;border:1px solid var(--purple-pale);padding:.45rem .9rem;border-radius:9999px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.tracks-page__sync:hover:not(:disabled){color:#fff;background:var(--purple-pale);border-color:var(--purple-glow)}.tracks-page__sync:disabled{opacity:.6;cursor:not-allowed}.tracks-page__sync--block{display:inline-block;margin-bottom:1rem}.tracks-page__search-wrap{margin-top:1rem;max-width:320px}.tracks-page__search{width:100%;font-size:1rem;padding:.6rem 1rem .6rem 2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:#fff;transition:border-color .2s}.tracks-page__search::placeholder{color:var(--text-muted)}.tracks-page__search:focus{outline:none;border-color:var(--purple-glow)}.tracks-page__sub{font-size:1rem;color:var(--text-muted);margin:0}.tracks-page__error{margin-top:1rem;padding:1rem;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius)}.tracks-page__error p{margin:0 0 .75rem;color:var(--text-muted);font-size:.95rem}.tracks-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}@media(min-width:640px){.tracks-page__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.tracks-page__empty{padding:3rem 2rem;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.tracks-page__empty p{margin:0 0 1rem;color:var(--text-muted);line-height:1.6}.tracks-page__empty code{font-size:.9em;color:var(--purple-soft);background:var(--purple-pale);padding:.15rem .4rem;border-radius:4px}.tracks-page__link{font-weight:500;color:var(--purple-soft);transition:color .2s}.tracks-page__link:hover{color:var(--purple-bright)}.favorites-page{min-height:100vh;position:relative;padding:2rem 1.5rem 4rem}.favorites-page__bg{position:fixed;inset:0;background:radial-gradient(ellipse 100% 50% at 50% -10%,rgba(244,114,182,.12) 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 100% 80%,rgba(109,40,217,.1) 0%,transparent 45%);pointer-events:none;z-index:0}.favorites-page__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.favorites-page__head{margin-bottom:2rem}.favorites-page__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.75rem,4vw,2.25rem);color:#fff;margin:0 0 .35rem}.favorites-page__sub{font-size:1rem;color:var(--text-muted);margin:0}.favorites-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}@media(min-width:640px){.favorites-page__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.favorites-page__empty{padding:3rem 2rem;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.favorites-page__empty-icon{width:64px;height:64px;margin:0 auto 1rem;color:var(--purple-soft);opacity:.6}.favorites-page__empty-icon svg{width:100%;height:100%}.favorites-page__empty p{margin:0 0 1rem;color:var(--text-muted);line-height:1.6}.favorites-page__link{font-weight:500;color:var(--purple-soft);transition:color .2s}.favorites-page__link:hover{color:var(--purple-bright)}.favorites-page--auth .favorites-page__inner{padding-top:2rem}.favorites-page--auth .favorites-page__sub{margin-bottom:1rem}.settings-page{min-height:100vh;position:relative;padding:2rem 1.5rem 4rem}.settings-page__bg{position:fixed;inset:0;background:radial-gradient(ellipse 100% 50% at 50% -10%,rgba(59,29,110,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.settings-page__inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.settings-page__head{margin-bottom:2rem}.settings-page__title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.75rem,4vw,2.25rem);color:#fff;margin:0 0 .35rem}.settings-page__sub{font-size:1rem;color:var(--text-muted);margin:0}.settings-page__sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s}.settings-section:hover{border-color:var(--purple-pale-strong)}.settings-section__title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#fff;margin:0;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:#8b5cf60f}.settings-section__content{padding:1.25rem 1.5rem}.settings-field{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border)}.settings-field:last-of-type{border-bottom:none}.settings-field__label{font-size:.95rem;color:var(--text);font-weight:500}.settings-field__value{font-size:.9rem;color:var(--text-muted)}.settings-section__hint,.settings-section__text{font-size:.85rem;color:var(--text-muted);margin:1rem 0 0;line-height:1.5}.settings-section__text{margin:0}.settings-page__foot{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.settings-page__back{font-weight:500;color:var(--purple-soft);transition:color .2s}.settings-page__back:hover{color:var(--purple-bright)}.settings-page__link{font-weight:500;color:var(--purple-soft);transition:color .2s}.settings-page__link:hover{color:var(--purple-bright)}.settings-page--auth .settings-page__inner{padding-top:2rem}.settings-page--auth .settings-page__sub{margin-bottom:1rem}