@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap");:root{--bg-base:#000;--bg-surface:#0a090e;--bg-surface-elevated:#131218;--bg-surface-hover:#1c1a24;--bg-surface-active:#262332;--brand-purple:#8a3bf2;--brand-purple-hover:#9e53f7;--brand-purple-light:#b87dfd;--brand-purple-glow:rgba(138,59,242,.4);--brand-purple-subtle:rgba(138,59,242,.14);--brand-purple-gradient:linear-gradient(135deg,#a855f7,#7c3aed);--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-subtle:hsla(0,0%,100%,.07);--border-elevated:hsla(0,0%,100%,.12);--sidebar-width:240px;--right-sidebar-width:270px;--topbar-height:68px;--player-height:88px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.4);--shadow-md:0 8px 24px rgba(0,0,0,.5);--shadow-lg:0 16px 40px rgba(0,0,0,.7);--shadow-glow:0 0 24px var(--brand-purple-glow);--transition-fast:0.15s ease;--transition-normal:0.25s ease}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-base);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.app-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--right-sidebar-width);grid-template-rows:1fr var(--player-height);height:100vh;width:100vw;overflow:hidden;background:#000}.main-view-wrapper{display:flex;flex-direction:column;height:calc(100vh - var(--player-height));overflow-y:auto;position:relative;background:#060509}.main-content{flex:1 1;padding:24px 28px 80px;position:relative}.horizontal-scroll-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-gap:16px;gap:16px;overflow-x:auto;padding:8px 2px 16px;scrollbar-width:thin}.section-header{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.section-see-all{font-size:.82rem;font-weight:600;color:var(--text-secondary);transition:var(--transition-fast)}.section-see-all:hover{color:var(--brand-purple-light)}input[type=range].tunebox-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-full);outline:none;cursor:pointer;position:relative;transition:var(--transition-fast)}input[type=range].tunebox-slider:hover{height:5px}input[type=range].tunebox-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s}input[type=range].tunebox-slider:hover::-webkit-slider-thumb{opacity:1}.tracklist-table{width:100%;border-collapse:collapse;margin-top:12px}.tracklist-table th{text-align:left;padding:8px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.tracklist-table td{padding:8px 12px;font-size:.88rem;color:var(--text-secondary)}.tracklist-row{border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:pointer}.tracklist-row:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.tracklist-row.active{background:var(--brand-purple-subtle)}@media (max-width:1200px){.app-container{grid-template-columns:var(--sidebar-width) 1fr}aside:last-of-type{display:none}}@media (max-width:800px){.app-container{grid-template-columns:1fr}aside:first-of-type{display:none}.main-content{padding:16px 16px 100px}}