:root{--bg:#080d15;--panel:#101722;--panel-2:#151e2b;--line:#253142;--cream:#f2ede3;--muted:#8490a1;--coral:#ff6f61;--coral-soft:#ff9588;--green:#86d8a0;--shadow:0 24px 60px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--coral-soft);outline-offset:3px}.hidden{display:none!important}.mobile-only{display:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;background:radial-gradient(circle at 12% 10%,#172235 0,transparent 40%),var(--bg)}.login-art{padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:55vw;height:55vw;border:1px solid rgba(255,111,97,.15);border-radius:50%;right:-25vw;bottom:-25vw}.login-art h1{font-size:clamp(3rem,6vw,7rem);line-height:.9;letter-spacing:-.07em;margin:30px 0 25px;position:relative;z-index:1}.login-art h1 em,.hero h1 em,.page-heading h1 em{color:var(--coral-soft);font-family:Georgia,serif;font-weight:400}.login-art p{color:var(--muted);max-width:430px;line-height:1.7;position:relative;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.75}.orb-a{width:180px;height:180px;background:#fd6f6140;left:8%;top:17%;box-shadow:0 0 90px 35px #fd6f6130}.orb-b{width:240px;height:240px;background:#3d77d433;right:6%;top:25%;box-shadow:0 0 110px 30px #3d77d422}.login-card{background:#0d141f;padding:8vw;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);box-shadow:var(--shadow)}.brand-mark{display:flex;align-items:baseline;gap:8px;letter-spacing:.18em}.brand-mark span{font-size:1.2rem;font-weight:900}.brand-mark small{font-size:.55rem;color:var(--coral-soft);letter-spacing:.2em}.login-card h2{font-size:2rem;margin:70px 0 8px}.muted{color:var(--muted);line-height:1.6}.login-card label{display:grid;gap:8px;color:#bac2ce;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-top:24px}.login-card input,.advanced-filters input,.advanced-filters select,.inline-form input{width:100%;background:var(--panel-2);color:var(--cream);border:1px solid var(--line);padding:13px 14px;border-radius:4px;text-transform:none;letter-spacing:0}.button{border:1px solid transparent;padding:11px 16px;border-radius:4px;color:var(--cream);background:transparent;transition:.2s ease;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--coral);color:#1b1111;font-weight:800}.button-primary:hover{background:var(--coral-soft)}.button-ghost{border-color:var(--line);color:#c9d0db}.button-ghost:hover{border-color:var(--coral);color:var(--cream)}.button-wide{width:100%;display:flex;justify-content:space-between;margin-top:30px}.demo-credentials{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:28px;color:var(--muted);font-size:.75rem}.demo-credentials span{color:var(--coral-soft);text-transform:uppercase;letter-spacing:.12em}.demo-credentials code{color:#bbc3cf}.form-error{color:var(--coral-soft);min-height:1.2rem;font-size:.8rem}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;flex:0 0 238px;background:#0c131e;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;justify-content:space-between;align-items:center}.main-nav{display:grid;gap:8px;margin-top:70px}.nav-item{background:transparent;color:var(--muted);border:0;text-align:left;padding:13px 12px;border-radius:4px;display:flex;gap:12px;align-items:center;font-size:.9rem;transition:.2s}.nav-item:hover,.nav-item.active{background:#192130;color:var(--cream)}.nav-item.active{box-shadow:inset 3px 0 var(--coral)}.nav-item b{margin-left:auto;font-size:.7rem;color:var(--coral-soft)}.nav-icon{width:18px;color:var(--coral-soft);font-size:1.1rem}.sidebar-foot{margin-top:auto;display:grid;gap:25px}.status-dot{font-size:.7rem;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.text-button{border:0;background:none;padding:0;color:var(--muted);font-size:.8rem;text-align:left}.text-button:hover{color:var(--coral-soft)}.main-content{min-width:0;width:calc(100% - 238px)}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.breadcrumbs{color:var(--muted);font-size:.78rem}.breadcrumbs span{margin:0 8px;color:var(--line)}.breadcrumbs strong{color:var(--cream);font-weight:600}.topbar-user{display:flex;align-items:center;gap:12px;text-align:right}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{font-size:.8rem}.topbar-user small{color:var(--muted);font-size:.68rem;margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--coral);color:#221313;display:grid;place-items:center;font-size:.7rem;font-weight:900}.view-panel{max-width:1500px;margin:auto;padding:0 4vw 70px}.hero{min-height:400px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-copy{padding:65px 0;position:relative;z-index:1}.eyebrow{color:var(--coral-soft);font-size:.62rem;letter-spacing:.18em;font-weight:800}.hero h1{font-size:clamp(3rem,6vw,6.4rem);letter-spacing:-.08em;line-height:.87;margin:23px 0 25px}.hero-copy p{color:var(--muted);max-width:440px;line-height:1.6}.hero-stats{display:flex;gap:40px;margin-top:40px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1.6rem;color:var(--cream)}.hero-stats span{font-size:.67rem;color:var(--muted);margin-top:3px}.hero-art{width:42%;height:300px;position:relative}.record{width:260px;height:260px;border-radius:50%;position:absolute;right:10%;top:5%;background:repeating-radial-gradient(circle at center,#181d26 0 2px,#252d39 3px 5px),#1b2430;box-shadow:0 30px 70px #0008, inset 0 0 0 35px #10151d}.record:after{content:"";position:absolute;inset:84px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 13px #192231,0 0 0 16px #ff6f6144}.record span{position:absolute;z-index:2;inset:0;display:grid;place-items:center;font-size:.8rem;letter-spacing:.3em;font-weight:900;color:#31191a}.record i{position:absolute;z-index:3;width:8px;height:8px;background:#f7dbb8;border-radius:50%;inset:0;margin:auto}.hero-note{position:absolute;z-index:4;border:1px solid var(--coral);padding:12px 16px;font-size:.55rem;line-height:1.5;letter-spacing:.14em;color:var(--coral-soft);background:#101722cc}.hero-note b{color:var(--cream);font-size:.72rem}.note-a{top:16%;left:0;transform:rotate(-8deg)}.note-b{bottom:16%;right:0;transform:rotate(7deg)}.toolbar-section{padding:48px 0 24px}.section-heading,.list-heading,.rail-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.list-heading h3,.rail-heading h3{margin:8px 0 0}.section-heading h2{font-size:2rem;letter-spacing:-.04em}.search-row{display:flex;gap:10px;margin-top:30px}.search-box{flex:1;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);padding:0 16px;border-radius:4px}.search-box span{font-size:1.5rem;color:var(--coral-soft)}.search-box input{width:100%;padding:15px 0;background:none;border:0;color:var(--cream);outline:0}.advanced-filters{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:12px;margin-top:15px;padding:18px;background:var(--panel);border:1px solid var(--line)}.advanced-filters label{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.advanced-filters select{margin-top:7px;padding:11px}.advanced-filters .text-button{padding:0 4px 12px}.chips-row,.quick-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chip,.tag-button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px;border-radius:99px;font-size:.7rem}.chip:hover,.chip.active,.tag-button:hover{border-color:var(--coral);color:var(--cream);background:#201c25}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin-top:30px}.list-heading{align-items:center}.list-heading h3{font-size:1.35rem;letter-spacing:-.03em}.result-count{font-size:.7rem;color:var(--muted)}.track-list{margin-top:18px;display:grid;gap:8px}.track-row{display:grid;grid-template-columns:42px minmax(180px,1.7fr) 85px 100px 105px 170px;align-items:center;gap:15px;padding:11px 13px;background:var(--panel);border:1px solid transparent;transition:.2s}.track-row:hover{border-color:var(--line);background:var(--panel-2)}.track-index{color:#566274;font-size:.7rem;text-align:center}.track-main{display:flex;align-items:center;gap:12px;min-width:0}.cover{width:42px;height:42px;flex:none;background:linear-gradient(135deg,#593238,#e26c5d 48%,#172234);background-size:cover;background-position:center;border-radius:3px;display:grid;place-items:center;color:#fff8;font-size:.8rem}.cover:empty:after{content:"♪"}.track-title{min-width:0}.track-title strong,.track-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title strong{font-size:.82rem;font-weight:650}.track-title span{color:var(--muted);font-size:.68rem;margin-top:4px}.meta-cell{font-size:.72rem;color:var(--muted)}.license{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green)}.license.commercial{color:var(--coral-soft)}.track-actions{display:flex;justify-content:flex-end;gap:6px}.icon-action{border:1px solid var(--line);background:transparent;color:var(--muted);width:30px;height:30px;border-radius:3px}.icon-action:hover,.icon-action.active{border-color:var(--coral);color:var(--coral-soft)}.play-action{border:0;background:var(--coral);color:#1e1112;padding:0 12px;height:30px;border-radius:3px;font-size:.65rem;font-weight:800}.play-action:hover{background:var(--coral-soft)}.loading-state,.empty-state{padding:70px 20px;text-align:center;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.spinner{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--coral);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.right-rail{display:grid;align-content:start;gap:14px}.rail-card,.admin-card{background:var(--panel);border:1px solid var(--line);padding:20px}.empty-playing{text-align:center;padding:35px 10px 20px}.play-disc{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#271d25;color:var(--coral-soft);margin:auto;font-size:1rem}.empty-playing p{font-size:.7rem;color:var(--muted);line-height:1.5}.now-playing{text-align:center;margin-top:18px}.cover-large{width:150px;height:150px;margin:auto;box-shadow:var(--shadow)}.now-playing h3{margin:15px 0 5px;font-size:.95rem}.now-playing p{color:var(--muted);font-size:.7rem;margin:0 0 16px}.now-playing audio{width:100%;height:30px;filter:sepia(.4) saturate(.5)}.rail-heading{align-items:center}.quick-tags{margin-top:16px}.page-heading{padding:70px 0 38px;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.08em;line-height:.9;margin:20px 0 18px}.page-heading p{color:var(--muted);max-width:470px;line-height:1.6}.history-tabs{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.history-tab{background:none;border:0;color:var(--muted);padding:10px 0;font-size:.78rem}.history-tab.active{color:var(--cream);border-bottom:2px solid var(--coral)}.history-tabs .text-button{margin-left:auto}.history-list{display:grid;gap:8px;margin-top:20px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;background:var(--panel);border:1px solid var(--line)}.history-item strong,.history-item span{display:block}.history-item strong{font-size:.82rem}.history-item span{font-size:.7rem;color:var(--muted);margin-top:5px}.admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;margin-top:30px}.user-table{margin-top:20px}.user-row{display:grid;grid-template-columns:1fr 1fr 80px;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.75rem}.user-row span{color:var(--muted)}.inline-form{display:flex;gap:8px;margin:22px 0}.admin-tags{display:flex;gap:8px;flex-wrap:wrap}.admin-tags .tag-button{display:flex;align-items:center;gap:8px}.tag-delete{color:var(--coral-soft);border:0;background:none}.toast{position:fixed;right:22px;bottom:22px;z-index:20;background:var(--cream);color:#15151b;padding:13px 16px;border-radius:4px;font-size:.75rem;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1050px){.track-row{grid-template-columns:34px minmax(180px,1fr) 70px 92px 135px}.track-row .meta-cell:nth-child(4){display:none}.hero-art{width:38%;opacity:.8}.content-grid{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-art{min-height:42vh;padding:12vw 9vw}.login-art h1{font-size:3.4rem;margin-top:24px}.login-card{padding:12vw 9vw;border-left:0;border-top:1px solid var(--line)}.login-card h2{margin-top:40px}.sidebar{position:fixed;z-index:10;left:-260px;transition:left .25s;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-only{display:block}.icon-button{border:0;background:transparent;color:var(--cream);font-size:1.2rem}.main-content{width:100%}.topbar{padding:0 6vw;gap:15px}.breadcrumbs{flex:1}.view-panel{padding:0 6vw 50px}.hero{min-height:480px}.hero-art{position:absolute;right:-80px;bottom:15px;width:300px;height:260px;opacity:.48}.record{width:230px;height:230px}.hero-copy{padding:60px 0 230px}.hero h1{font-size:4rem}.section-heading{align-items:start;flex-direction:column}.search-row{flex-direction:column}.advanced-filters{grid-template-columns:1fr 1fr}.advanced-filters .text-button{padding:10px 0}.track-row{grid-template-columns:28px minmax(0,1fr) 85px;padding:10px}.track-row .meta-cell{display:none!important}.track-actions{gap:4px}.play-action{padding:0 9px}.track-title strong{font-size:.75rem}.right-rail{grid-template-columns:1fr}.page-heading{padding:50px 0 30px}.history-item{align-items:start;flex-direction:column}.user-row{grid-template-columns:1fr 90px}.user-row span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.track-row{grid-template-columns:42px minmax(180px,1.7fr) 75px 100px 85px 105px 170px}@media(max-width:1050px){.track-row{grid-template-columns:34px minmax(180px,1fr) 70px 85px 92px 135px}}@media(max-width:760px){.track-row{grid-template-columns:28px minmax(0,1fr) 85px}}