*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-brand: oklch(.62 .14 45);--color-brand-light: oklch(.74 .11 45);--color-brand-dark: oklch(.48 .1 45);--color-brand-muted: oklch(.56 .06 45);--color-accent: oklch(.72 .12 65);--color-bg-primary: oklch(.2 .005 45);--color-bg-secondary: oklch(.24 .007 45);--color-bg-tertiary: oklch(.28 .006 45);--color-bg-elevated: oklch(.3 .008 45);--color-bg-glass: oklch(.18 .008 45 / .65);--color-border: oklch(.28 .01 45 / .5);--color-border-subtle: oklch(.24 .008 45 / .3);--color-text-primary: oklch(.92 .008 45);--color-text-secondary: oklch(.68 .01 45);--color-text-tertiary: oklch(.5 .008 45);--color-text-inverse: oklch(.14 .006 45);--color-success: oklch(.7 .14 145);--color-error: oklch(.65 .18 25);--color-warning: oklch(.75 .14 80);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--text-2xl: 2.125rem;--text-3xl: 2.75rem;--text-hero: 3.75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.55;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--blur-sm: 8px;--blur-md: 20px;--blur-lg: 40px;--blur-xl: 64px;--shadow-sm: 0 1px 3px oklch(.08 .005 45 / .4);--shadow-md: 0 4px 16px oklch(.06 .005 45 / .5);--shadow-lg: 0 8px 32px oklch(.04 .004 45 / .6);--shadow-xl: 0 16px 48px oklch(.03 .003 45 / .7);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--player-height: 76px;--sidebar-width: 260px;--max-content: 1200px;--z-base: 1;--z-sticky: 100;--z-overlay: 200;--z-player: 300;--z-modal: 400}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-muted)}::selection{background:#c967364d;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}a{color:var(--color-brand-light);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-brand)}button{font-family:inherit;cursor:pointer;border:none;background:transparent;color:inherit}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass{background:var(--color-bg-glass);backdrop-filter:blur(var(--blur-md)) saturate(1.6);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.6);border:1px solid var(--color-border-subtle)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.profile-header{position:relative;padding:var(--space-4xl) var(--space-xl) var(--space-2xl);overflow:hidden;min-height:320px;display:flex;align-items:flex-end}.profile-header__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 30% 40%,oklch(.48 .14 45 / .35),transparent),radial-gradient(ellipse 60% 50% at 80% 60%,oklch(.55 .1 65 / .2),transparent),var(--color-bg-primary)}.profile-header__banner{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.6;mix-blend-mode:overlay}.profile-header__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--color-bg-primary) 100%)}.profile-header__content{position:relative;z-index:var(--z-base);display:flex;align-items:flex-end;gap:var(--space-lg);max-width:var(--max-content);width:100%;margin:0 auto}.profile-avatar{width:120px;height:120px;border-radius:var(--radius-xl);object-fit:contain;background:var(--color-bg-secondary);box-shadow:var(--shadow-lg);image-rendering:pixelated;flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:var(--space-2xs)}.profile-name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.02em}.profile-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);font-weight:var(--weight-medium)}@media(max-width:640px){.profile-header{padding:var(--space-3xl) var(--space-md) var(--space-xl);min-height:240px}.profile-avatar{width:80px;height:80px}.profile-name{font-size:var(--text-2xl)}.profile-header__content{flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.profile-info{align-items:center}}.album-card{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left;border-radius:var(--radius-lg);padding:var(--space-sm);transition:background var(--duration-fast) var(--ease-out);will-change:transform;cursor:pointer}.album-card:hover{background:var(--color-bg-tertiary)}.album-card__cover{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.album-card__cover-img{width:100%;height:100%;object-fit:cover;will-change:transform}.album-card__cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04030300;transition:background var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);opacity:0}.album-card:hover .album-card__cover-overlay{background:#04030373;opacity:1}.album-card__play-icon{color:var(--color-text-primary);filter:drop-shadow(0 2px 8px oklch(.08 .005 45 / .5))}.album-card__info{display:flex;flex-direction:column;gap:var(--space-2xs);padding:0 var(--space-2xs)}.album-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug)}.album-card__meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.tracklist-container{width:100%}.tracklist{max-width:var(--max-content);width:100%;margin:0 auto;padding:var(--space-lg) var(--space-xl) var(--space-4xl)}.tracklist-back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#fff;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);margin-bottom:var(--space-xl);transition:background var(--duration-fast) var(--ease-out)}.tracklist-back:hover{background:#0009}.tracklist-header{position:relative;padding:var(--space-2xl) var(--space-xl) var(--space-xl);overflow:hidden}.tracklist-header__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--color-bg-primary)}.tracklist-header__banner{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.6;mix-blend-mode:overlay}.tracklist-header__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--color-bg-primary) 100%)}.tracklist-header__content{position:relative;z-index:var(--z-base);display:flex;flex-direction:column;max-width:var(--max-content);width:100%;margin:0 auto}.tracklist-header__main{display:flex;gap:var(--space-xl);align-items:flex-end}.tracklist-header__cover-wrapper{flex-shrink:0;width:220px;height:220px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 12px #00000026}.tracklist-header__cover-img{width:100%;height:100%;object-fit:cover}.tracklist-header__info{display:flex;flex-direction:column;gap:var(--space-xs)}.tracklist-header__type{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand-light)}.tracklist-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.tracklist-header__meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.tracklist-header__play-all{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-brand);color:var(--color-text-inverse);font-weight:var(--weight-semibold);font-size:var(--text-sm);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);width:fit-content}.tracklist-header__play-all:hover{background:var(--color-brand-light);transform:scale(1.04)}.tracklist-table{display:flex;flex-direction:column}.tracklist-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);text-align:left;cursor:pointer}.tracklist-row:hover{background:var(--color-bg-tertiary)}.tracklist-row--active{background:#c9673614}.tracklist-row--active .tracklist-row__title{color:var(--color-brand-light)}.tracklist-row__num{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;min-width:20px;display:flex;align-items:center;justify-content:center}.tracklist-row__title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracklist-row__duration{font-size:var(--text-sm);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.tracklist-row__eq{display:flex;gap:2px;align-items:flex-end;height:14px}.tracklist-row__eq span{width:3px;background:var(--color-brand-light);border-radius:1px;animation:eq-bar .8s ease-in-out infinite alternate}.tracklist-row__eq span:nth-child(1){height:60%;animation-delay:0s}.tracklist-row__eq span:nth-child(2){height:100%;animation-delay:.2s}.tracklist-row__eq span:nth-child(3){height:40%;animation-delay:.4s}@keyframes eq-bar{0%{height:20%}to{height:100%}}@media(max-width:640px){.tracklist{padding:var(--space-md) var(--space-md) var(--space-4xl)}.tracklist-header__main{flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.tracklist-header__cover-wrapper{width:180px;height:180px}.tracklist-header__info{align-items:center}.tracklist-header__play-all{margin:var(--space-xs) auto 0}}.now-playing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--space-3xl) var(--space-2xl) var(--space-xl)}.now-playing__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:var(--color-bg-primary)}.now-playing__bg-img{width:100%;height:100%;object-fit:cover;filter:blur(80px) saturate(1.8) brightness(.6);transform:scale(1.3)}.now-playing__bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 65% at 50% 45%,transparent 0%,oklch(.08 .005 45 / .2) 50%,oklch(.06 .005 45 / .6) 80%,oklch(.04 .004 45 / .9) 100%)}.now-playing__bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 30%,oklch(.05 .004 45 / .7) 100%)}.now-playing__close-top{position:absolute;top:var(--space-xl);right:var(--space-xl);z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#c1bdbb;background:transparent;transition:color var(--duration-fast) var(--ease-out)}.now-playing__close-top:hover{color:#f1eeec}.now-playing__cover{position:relative;z-index:1;width:min(50vw,50vh,480px);aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 40px #0009,0 0 120px #4d1e0433;flex-shrink:0;margin:auto 0}.now-playing__cover-img{width:100%;height:100%;object-fit:cover}.now-playing__pill{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;width:min(95vw,1000px);height:56px;padding:0 var(--space-xl);border-radius:var(--radius-full);overflow:hidden;background:#312d2b59;backdrop-filter:blur(var(--blur-xl)) saturate(1.8);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(1.8);border:1px solid oklch(.55 .01 45 / .12);box-shadow:0 4px 20px #0100004d,inset 0 1px #b1adab14}.now-playing__progress-click-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:pointer}.now-playing__progress-bar{height:100%;background:#68625f26;transition:width .3s linear;pointer-events:none}.now-playing__pill-left,.now-playing__pill-center,.now-playing__pill-right{position:relative;z-index:1;pointer-events:none}.now-playing__pill-left{display:flex;align-items:center;gap:var(--space-md)}.now-playing__controls{display:flex;align-items:center;gap:var(--space-sm);pointer-events:auto}.now-playing__btn{display:flex;align-items:center;justify-content:center;color:#d1cdcb;padding:var(--space-2xs);background:transparent;border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);opacity:.8}.now-playing__btn:hover{color:#f4f1f0;opacity:1;transform:scale(1.1)}.now-playing__btn:active{transform:scale(.92)}.now-playing__btn--sm{opacity:.7}.now-playing__btn--active{color:#f4f1f0;opacity:1}.now-playing__btn--play{opacity:1;color:#e7e4e2}.now-playing__time{display:flex;align-items:center;gap:var(--space-2xs);font-size:11px;font-weight:var(--weight-medium);color:#a19d9c;font-variant-numeric:tabular-nums;white-space:nowrap}.now-playing__time-sep{opacity:.4;margin:0 2px}.now-playing__pill-center{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);text-align:center;white-space:nowrap;overflow:hidden}.now-playing__info-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:#e8e3e1;text-overflow:ellipsis;overflow:hidden}.now-playing__info-subtitle{font-size:11px;color:#928e8c;text-overflow:ellipsis;overflow:hidden}.now-playing__pill-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);pointer-events:auto}@media(max-width:800px){.now-playing__pill{grid-template-columns:1fr;height:auto;padding:var(--space-lg) var(--space-md);gap:var(--space-md);border-radius:var(--radius-xl);width:90vw}.now-playing__pill-center{order:1;margin-bottom:var(--space-xs)}.now-playing__pill-left{order:2;flex-direction:column;justify-content:center;gap:var(--space-md)}.now-playing__pill-right{order:3;justify-content:center;margin-top:var(--space-sm)}.now-playing__cover{width:min(80vw,320px);margin:0 auto auto}}.player-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-player);background:#090706;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column}.player-bar__progress{position:relative;width:100%;height:3px;background:#24211f80;cursor:pointer;flex-shrink:0;transition:height var(--duration-fast) var(--ease-out)}.player-bar__progress:hover{height:5px}.player-bar__progress-fill{height:100%;background:#a19d9c;pointer-events:none;transition:background var(--duration-fast) var(--ease-out)}.player-bar__progress:hover .player-bar__progress-fill{background:var(--color-brand-light)}.player-bar__progress-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:var(--radius-full);background:#e8e3e2;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none}.player-bar__progress:hover .player-bar__progress-thumb{opacity:1}.player-bar__time-labels{display:flex;justify-content:space-between;padding:4px var(--space-xl) 0;font-size:12px;font-weight:var(--weight-medium);color:#837f7d;font-variant-numeric:tabular-nums;line-height:1;-webkit-user-select:none;user-select:none}.player-bar__content{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:var(--space-2xs) var(--space-lg) var(--space-xs);gap:var(--space-md);min-height:56px}.player-bar__left{display:flex;align-items:center;gap:var(--space-sm)}.player-bar__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:#9c9795;transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.player-bar__btn:hover{color:#e8e3e2;transform:scale(1.08)}.player-bar__btn:active{transform:scale(.93)}.player-bar__btn--sm{width:28px;height:28px}.player-bar__btn--active{color:#dbd6d4}.player-bar__btn--play{color:#dad6d5}.player-bar__btn--play:hover{color:#f4f1f0}.player-bar__center{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);text-align:left;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);cursor:pointer;min-width:0}.player-bar__center:hover{background:#14110f}.player-bar__cover{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;box-shadow:0 1px 4px #01000066}.player-bar__track-info{display:flex;flex-direction:column;gap:1px;min-width:0}.player-bar__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#e2dddb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__subtitle{font-size:11px;color:#666260;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2xs)}.player-bar__volume{display:flex;align-items:center;gap:var(--space-2xs)}.player-bar__volume-slider{width:80px;height:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#2c282699;border-radius:2px;outline:none;cursor:pointer}.player-bar__volume-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:var(--radius-full);background:#dad6d5;cursor:pointer}.player-bar__volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:var(--radius-full);background:#dad6d5;cursor:pointer;border:none}@media(max-width:768px){.player-bar__content{grid-template-columns:auto 1fr auto;padding:var(--space-2xs) var(--space-md) var(--space-xs)}.player-bar__right{gap:0}.player-bar__volume{display:none}}@media(max-width:480px){.player-bar__content{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm)}.player-bar__center{flex:1;justify-content:flex-start;padding:0}.player-bar__left{order:3;gap:0}.player-bar__left>*:not(.player-bar__btn--play){display:none}.player-bar__right{display:flex;gap:0;order:4}.player-bar__btn--sm{width:32px;height:32px}}.lyrics-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);padding-bottom:calc(var(--player-height) + var(--space-xl))}.lyrics-view__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020101d9;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.lyrics-view__content{position:relative;width:100%;max-width:560px;min-height:320px;border-radius:var(--radius-xl);padding:var(--space-2xl);display:flex;align-items:center;justify-content:center}.lyrics-view__close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.lyrics-view__close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.lyrics-view__placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-secondary)}.lyrics-view__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.lyrics-view__hint{font-size:var(--text-base);color:var(--color-text-secondary)}.lyrics-view__sub{font-size:var(--text-sm);color:var(--color-text-tertiary)}.admin-container{max-width:var(--max-content);width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-xl);min-height:100vh;color:var(--color-text-primary)}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-xl)}.admin-discord-btn{background-color:#5865f2;color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:var(--weight-semibold);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.admin-discord-btn:hover{opacity:.9}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.admin-logout-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm)}.admin-logout-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.admin-stat-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-xs);transition:transform var(--duration-fast) var(--ease-out)}.admin-stat-box:hover{transform:translateY(-4px);background:var(--color-bg-tertiary)}.admin-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-brand-light);line-height:1}.admin-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.admin-stats-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.admin-stats-card h3{margin-bottom:var(--space-xl);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.admin-empty{color:var(--color-text-tertiary);font-style:italic}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:var(--weight-medium);font-size:var(--text-sm)}.admin-table td{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-subtle)}.admin-table tr:last-child td{border-bottom:none}.text-right{text-align:right}.font-mono{font-variant-numeric:tabular-nums;font-family:monospace;font-size:var(--text-lg)}.admin-tabs{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-sm)}.admin-tab{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);position:relative}.admin-tab:hover{color:var(--color-text-primary)}.admin-tab--active{color:var(--color-brand-light)}.admin-tab--active:after{content:"";position:absolute;bottom:calc(var(--space-sm) * -1);left:0;right:0;height:2px;background:var(--color-brand-light);border-radius:2px 2px 0 0}.admin-releases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.admin-releases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.admin-release-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.admin-release-cover{width:100%;aspect-ratio:1;border-radius:var(--radius-md);object-fit:cover;box-shadow:var(--shadow-sm)}.admin-release-info{display:flex;flex-direction:column;gap:var(--space-2xs)}.admin-release-type{font-size:var(--text-xs);color:var(--color-brand-light);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-bold)}.admin-release-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.admin-release-date,.admin-release-tracks{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.admin-release-actions{display:flex;gap:var(--space-sm);margin-top:auto}.admin-release-actions .admin-btn{flex:1}.admin-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none}.admin-btn-primary{background:var(--color-brand);color:#fff}.admin-btn-primary:hover:not(:disabled){background:var(--color-brand-light)}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-btn-secondary:hover:not(:disabled){background:var(--color-border)}.admin-btn-danger{background:#ef44441a;color:#ef4444}.admin-btn-danger:hover{background:#ef444433}.admin-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.admin-editor-actions{display:flex;gap:var(--space-md)}.admin-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.admin-editor-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-2xl)}@media(max-width:900px){.admin-editor-layout{grid-template-columns:1fr}}.admin-form-group{margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.admin-form-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.admin-form-group input,.admin-form-group select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base);outline:none;transition:border-color var(--duration-fast)}.admin-form-group input:focus,.admin-form-group select:focus{border-color:var(--color-brand-light)}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.admin-cover-upload{display:flex;flex-direction:column;gap:var(--space-md)}.admin-cover-preview{width:100%;max-width:250px;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.admin-file-upload{display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);color:var(--color-text-secondary);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center}.admin-file-upload:hover{background:var(--color-bg-tertiary);border-color:var(--color-brand-light);color:var(--color-text-primary)}.admin-file-upload input[type=file]{display:none}.admin-tracks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-subtle)}.admin-tracks-list{display:flex;flex-direction:column;gap:var(--space-md)}.admin-track-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-md);border-radius:var(--radius-md);display:flex;gap:var(--space-md);align-items:flex-start}.admin-track-num{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-tertiary);min-width:24px}.admin-track-inputs{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.admin-track-inputs input[type=text]{background:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-base)}.admin-track-inputs input[type=file]{font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-track-info{font-size:var(--text-xs);color:var(--color-brand-light)}.admin-track-remove{background:transparent;border:none;color:var(--color-text-tertiary);font-size:var(--text-lg);cursor:pointer;padding:var(--space-2xs);transition:color var(--duration-fast)}.admin-track-remove:hover{color:#ef4444}@media(max-width:640px){.admin-form-row{grid-template-columns:1fr}.admin-track-item{flex-direction:column;align-items:stretch}.admin-table{display:block;overflow-x:auto;white-space:nowrap}.admin-stats-overview{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:var(--space-md)}}.discord-auth-wrapper{position:absolute;top:var(--space-lg);left:var(--space-xl);z-index:var(--z-modal)}.discord-auth-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:#5865f2;color:#fff;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.discord-auth-btn:hover{transform:scale(1.05);background:#4752c4}.discord-auth-profile{width:44px;height:44px;border-radius:var(--radius-full);overflow:hidden;border:2px solid transparent;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-md);padding:0}.discord-auth-profile:hover{border-color:var(--color-brand);transform:scale(1.05)}.discord-auth-avatar{width:100%;height:100%;object-fit:cover}.discord-auth-menu{position:absolute;top:calc(100% + var(--space-xs));left:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) 0;min-width:200px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.discord-auth-menu--animate{animation:menuFadeIn .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top left}.discord-auth-menu-header{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-xs);display:flex;flex-direction:column}.discord-auth-menu-header span:first-child{font-weight:var(--weight-bold);font-size:var(--text-base)}.discord-auth-menu-id{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:monospace}.discord-auth-menu-admin,.discord-auth-menu-logout{padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--text-sm);color:var(--color-text-primary);text-decoration:none;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.discord-auth-menu-admin{color:var(--color-brand-light);font-weight:var(--weight-bold)}.discord-auth-menu-admin:hover,.discord-auth-menu-logout:hover{background:var(--color-bg-tertiary)}@media(max-width:640px){.discord-auth-wrapper{top:var(--space-md);left:var(--space-md)}}.app{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--player-height)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.main-content{flex:1;max-width:var(--max-content);width:100%;margin:0 auto;padding:var(--space-xl) var(--space-xl) var(--space-3xl)}.discography{display:flex;flex-direction:column;gap:var(--space-lg)}.discography-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.discography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}@media(max-width:640px){.main-content{padding:var(--space-md) var(--space-md) var(--space-2xl)}.discography-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}}