*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;overflow:hidden;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--color-ember);outline-offset:2px}:root{--color-void:#050302;--color-bg:#0a0605;--color-panel:#140b08;--color-panel-2:#1a0f0b;--color-panel-3:#24140d;--color-ash:#e8ddd4;--color-ash-dim:#b8a99b;--color-muted:#8a7a6f;--color-ember:#ff5a1f;--color-ember-bright:#ff8043;--color-blood:#c8321a;--color-sulfur:#f5b849;--color-char:#2a1712;--color-danger:#ff3b1a;--album-accent:var(--color-ember);--album-accent-soft:#ff5a1f59;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-glow:0 0 40px #ff5a1f40;--shadow-panel:0 12px 40px #0009;--font-display:"Cinzel","Georgia",serif;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--sidebar-w:260px;--player-h:96px;--player-h-mobile:64px;--topbar-h:56px}body{background:#0a0605;background:var(--color-bg);background-image:radial-gradient(1200px 700px at 80% -10%,#ff5a1f1a,#0000 60%),radial-gradient(900px 600px at -10% 110%,#c8321a1a,#0000 55%),linear-gradient(180deg,#0a0605,#050302);color:#e8ddd4;color:var(--color-ash);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-family:var(--font-ui)}.app-root{display:grid;grid-template-areas:"sidebar main" "player  player";grid-template-columns:260px 1fr;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr 96px;grid-template-rows:1fr var(--player-h);height:100dvh;isolation:isolate;position:relative}.sidebar{grid-area:sidebar}.main{grid-area:main;overflow-y:auto;position:relative}.player{grid-area:player}.topbar{display:none}@media (max-width:900px){.app-root{grid-template-areas:"topbar" "main" "player";grid-template-columns:1fr;grid-template-rows:56px 1fr 64px;grid-template-rows:var(--topbar-h) 1fr var(--player-h-mobile)}.topbar{display:flex;grid-area:topbar}.sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .22s ease;width:min(300px,82vw);z-index:60}.sidebar.open{box-shadow:0 12px 40px #0009;box-shadow:var(--shadow-panel);transform:translateX(0)}.sidebar-backdrop{background:#0000008c;inset:0;position:fixed;z-index:55}}.sidebar{background:linear-gradient(180deg,#100907,#0a0605);border-right:1px solid #2a1712;border-right:1px solid var(--color-char);display:flex;flex-direction:column;gap:18px;padding:20px 12px}.brand{align-items:center;border-bottom:1px solid #2a1712;border-bottom:1px solid var(--color-char);display:flex;gap:10px;padding:6px 8px 14px}.brand-mark{filter:drop-shadow(0 0 12px rgba(255,90,31,.55));height:34px;object-fit:contain;width:34px}.brand-name{color:#e8ddd4;color:var(--color-ash);font-family:Cinzel,Georgia,serif;font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:2px;text-shadow:0 0 12px #ff5a1f80}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#b8a99b;color:var(--color-ash-dim);display:flex;font-weight:600;gap:10px;padding:10px 12px;transition:background .12s,color .12s}.nav-link.active,.nav-link:hover{background:#1a0f0b;background:var(--color-panel-2);color:#e8ddd4;color:var(--color-ash)}.nav-section-label{color:#8a7a6f;color:var(--color-muted);font-size:11px;letter-spacing:2px;padding:12px 12px 4px;text-transform:uppercase}.library{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.library-item{align-items:center;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .12s}.library-item.active,.library-item:hover{background:#1a0f0b;background:var(--color-panel-2)}.library-thumb{background:#2a1712;background:var(--color-char);border-radius:4px;flex:0 0 40px;height:40px;object-fit:cover;width:40px}.library-meta{display:flex;flex-direction:column;min-width:0}.library-title{color:#e8ddd4;color:var(--color-ash);font-size:14px;font-weight:600}.library-artist,.library-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-artist{color:#8a7a6f;color:var(--color-muted);font-size:12px}.topbar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0605d9;border-bottom:1px solid #2a1712;border-bottom:1px solid var(--color-char);justify-content:space-between;padding:0 14px;z-index:40}.hamburger{align-items:center;border-radius:8px;color:#e8ddd4;color:var(--color-ash);display:inline-flex;height:40px;justify-content:center;width:40px}.hamburger:hover{background:#1a0f0b;background:var(--color-panel-2)}.main{background:#0000;padding:24px 28px 32px}@media (max-width:640px){.main{padding:16px 14px 20px}}.page-title{color:#e8ddd4;color:var(--color-ash);font-family:Cinzel,Georgia,serif;font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:3px;margin-bottom:8px;text-shadow:0 0 24px #ff5a1f66;text-transform:uppercase}.page-subtitle{color:#b8a99b;color:var(--color-ash-dim);margin-bottom:26px;max-width:60ch}.card-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.album-card{background:linear-gradient(180deg,#1a0f0b,#140b08);background:linear-gradient(180deg,var(--color-panel-2) 0,var(--color-panel) 100%);border:1px solid #2a1712;border:1px solid var(--color-char);border-radius:14px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.album-card:before{background:radial-gradient(600px 200px at 50% 120%,#ff5a1f59,#0000 60%);background:radial-gradient(600px 200px at 50% 120%,var(--album-accent-soft),#0000 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .24s}.album-card:hover{border-color:#ff5a1f;border-color:var(--album-accent);box-shadow:0 20px 40px #00000080,0 0 30px #ff5a1f59;box-shadow:0 20px 40px #00000080,0 0 30px var(--album-accent-soft);transform:translateY(-4px)}.album-card:hover:before{opacity:1}.album-card-cover{aspect-ratio:1/1;background:#2a1712;background:var(--color-char);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 24px #00000080;margin-bottom:14px;object-fit:cover;width:100%}.album-card-title{color:#e8ddd4;color:var(--color-ash);font-family:Cinzel,Georgia,serif;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.album-card-artist,.album-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card-artist{color:#8a7a6f;color:var(--color-muted);font-size:13px}.album-hero{grid-gap:28px;align-items:end;border-bottom:1px solid #2a1712;border-bottom:1px solid var(--color-char);display:grid;gap:28px;grid-template-columns:minmax(200px,260px) 1fr;margin-bottom:24px;padding:20px 0 28px}@media (max-width:720px){.album-hero{align-items:start;grid-template-columns:1fr;text-align:left}}.album-hero-cover{aspect-ratio:1/1;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 30px 60px #000000b3,0 0 60px #ff5a1f59;box-shadow:0 30px 60px #000000b3,0 0 60px var(--album-accent-soft);object-fit:cover;width:100%}.album-hero-eyebrow{color:#8a7a6f;color:var(--color-muted);font-size:11px;letter-spacing:3px;margin-bottom:8px;text-transform:uppercase}.album-hero-title{color:#e8ddd4;color:var(--color-ash);font-family:Cinzel,Georgia,serif;font-family:var(--font-display);font-size:clamp(32px,6vw,64px);font-weight:900;letter-spacing:2px;line-height:1.05;margin-bottom:12px;text-shadow:0 0 24px #ff5a1f59,0 0 6px #ffc87826;text-shadow:0 0 24px var(--album-accent-soft),0 0 6px #ffc87826;text-transform:uppercase}.album-hero-meta{align-items:center;color:#b8a99b;color:var(--color-ash-dim);display:flex;flex-wrap:wrap;font-size:14px;gap:6px 10px}.album-hero-meta .dot{color:#8a7a6f;color:var(--color-muted)}.album-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.tracklist{border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.track-row,.tracklist-header{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:40px 1fr 80px;padding:10px 14px}.tracklist-header{border-bottom:1px solid #2a1712;border-bottom:1px solid var(--color-char);color:#8a7a6f;color:var(--color-muted);font-size:12px;letter-spacing:2px;text-transform:uppercase}.track-row{border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.track-row:hover{background:#1a0f0b;background:var(--color-panel-2)}.track-row.playing{color:#ff5a1f;color:var(--album-accent)}.track-index{color:#8a7a6f;color:var(--color-muted);text-align:center}.track-title{font-weight:600}.track-duration{font-feature-settings:"tnum";color:#8a7a6f;color:var(--color-muted);font-variant-numeric:tabular-nums;text-align:right}.play-primary{align-items:center;background:radial-gradient(circle at 30% 30%,#ffd77a 0,#ff8043 40%,#ff5a1f 65%,#a11f08 100%);border-radius:50%;box-shadow:0 10px 30px #ff5a1f80,inset 0 -6px 10px #00000059;color:#1a0700;display:inline-flex;height:68px;justify-content:center;position:relative;transition:transform .12s;width:68px;z-index:2}.play-primary:hover{transform:scale(1.05)}.play-primary:active{transform:scale(.98)}.play-primary-wrap{align-items:center;display:inline-flex;justify-content:center;position:relative}.play-explosion{--exp-scale:1;display:block;inset:0;pointer-events:none;position:absolute;z-index:3}.play-explosion-flash{animation:explosion-flash .38s ease-out forwards;background:radial-gradient(circle,#fff0c8f2 0,#ffa03cbf 30%,#ff5a1466 55%,#ff3c0a00 75%);filter:blur(2px);height:calc(140px*var(--exp-scale));margin:calc(-70px*var(--exp-scale)) 0 0 calc(-70px*var(--exp-scale));width:calc(140px*var(--exp-scale))}.play-explosion-flash,.play-explosion-ring{border-radius:50%;left:50%;position:absolute;top:50%}.play-explosion-ring{animation:explosion-ring .8s cubic-bezier(.15,.65,.35,1) forwards;border:2px solid #ff8c28e6;box-shadow:0 0 20px #ff781ee6,inset 0 0 12px #ffc85080;height:calc(60px*var(--exp-scale));margin:calc(-30px*var(--exp-scale)) 0 0 calc(-30px*var(--exp-scale));width:calc(60px*var(--exp-scale))}.play-explosion-ring--2{animation-delay:90ms;animation-duration:.78s;border-color:#ff5a14bf}.play-explosion-ring--3{animation-delay:.18s;animation-duration:.82s;border-color:#ffdc7899}.play-explosion-ember{animation:explosion-ember .78s cubic-bezier(.2,.6,.3,1) forwards;background:radial-gradient(circle,hsl(calc(45deg + var(--hs)),100%,78%) 0,hsl(calc(25deg + var(--hs)),100%,55%) 45%,hsl(calc(15deg + var(--hs)),100%,40%) 100%);border-radius:50%;box-shadow:0 0 8px hsl(calc(20deg + var(--hs)),100%,55%),0 0 16px hsla(calc(15deg + var(--hs)),100%,45%,.6);height:var(--sz);left:50%;margin:calc(var(--sz)/-2) 0 0 calc(var(--sz)/-2);position:absolute;top:50%;width:var(--sz)}@keyframes explosion-flash{0%{opacity:.9;transform:scale(.4)}40%{opacity:.85;transform:scale(1.3)}to{opacity:0;transform:scale(2.2)}}@keyframes explosion-ring{0%{border-width:3px;opacity:.95;transform:scale(.25)}70%{border-width:2px;opacity:.6}to{border-width:1px;opacity:0;transform:scale(4.5)}}@keyframes explosion-ember{0%{opacity:0;transform:translate(0) scale(.4)}10%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) - 30px)) scale(.2)}}.play-primary.shake,.play-toggle.shake{animation:play-primary-shake .26s ease-out}@keyframes play-primary-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px) rotate(-1deg)}40%{transform:translate(2px,-1px) rotate(1deg)}60%{transform:translate(-1px,2px) rotate(-.5deg)}80%{transform:translate(1px,-2px) rotate(.5deg)}}.player{grid-gap:20px;align-items:center;background:linear-gradient(180deg,#110907,#060303);border-top:1px solid #2a1712;border-top:1px solid var(--color-char);box-shadow:0 -12px 40px #0009;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);padding:12px 20px;z-index:40}.player-left,.player-right{align-items:center;display:flex;gap:12px;min-width:0}.player-center{align-items:center;display:flex;flex-direction:column;gap:6px}.player-right{justify-content:flex-end}.player-cover{background:#2a1712;background:var(--color-char);border-radius:6px;box-shadow:0 6px 18px #0009;flex:0 0 56px;height:56px;object-fit:cover;width:56px}.player-meta{min-width:0}.player-track-title{color:#e8ddd4;color:var(--color-ash);font-weight:600}.player-track-artist,.player-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track-artist{color:#8a7a6f;color:var(--color-muted);font-size:12px}.player-controls{align-items:center;display:flex;gap:12px}.icon-btn{align-items:center;border-radius:50%;color:#b8a99b;color:var(--color-ash-dim);display:inline-flex;height:36px;justify-content:center;transition:color .12s,background .12s;width:36px}.icon-btn:hover{background:#1a0f0b;background:var(--color-panel-2);color:#e8ddd4;color:var(--color-ash)}.icon-btn.active{color:#ff5a1f;color:var(--color-ember)}.play-toggle{align-items:center;background:radial-gradient(circle at 30% 30%,#ffd77a 0,#ff8043 40%,#ff5a1f 65%,#a11f08 100%);border-radius:50%;box-shadow:0 6px 18px #ff5a1f73;color:#1a0700;display:inline-flex;height:44px;justify-content:center;position:relative;transition:transform .12s;width:44px;z-index:2}.play-toggle:hover{transform:scale(1.06)}.play-toggle-wrap{align-items:center;display:inline-flex;justify-content:center;position:relative}.player-progress{align-items:center;display:flex;gap:10px;max-width:620px;width:100%}.time-label{font-feature-settings:"tnum";color:#8a7a6f;color:var(--color-muted);font-size:11px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.range{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ff5a1f 0,#ff5a1f 0,#2a1712 0,#2a1712);background:linear-gradient(to right,var(--color-ember) 0,var(--color-ember) var(--range-pct,0),var(--color-char) var(--range-pct,0),var(--color-char) 100%);border-radius:4px;cursor:pointer;flex:1 1;height:4px;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e8ddd4;background:var(--color-ash);border-radius:50%;box-shadow:0 0 8px #ff5a1fb3;height:12px;opacity:0;-webkit-transition:opacity .12s;transition:opacity .12s;width:12px}.range:active::-webkit-slider-thumb,.range:focus::-webkit-slider-thumb,.range:hover::-webkit-slider-thumb{opacity:1}.range::-moz-range-thumb{background:#e8ddd4;background:var(--color-ash);border:0;border-radius:50%;box-shadow:0 0 8px #ff5a1fb3;height:12px;opacity:0;-moz-transition:opacity .12s;transition:opacity .12s;width:12px}.range:active::-moz-range-thumb,.range:focus::-moz-range-thumb,.range:hover::-moz-range-thumb{opacity:1}.range::-moz-range-track{background:#0000;border:0;height:4px}.volume{width:100px}.like-btn{align-items:center;color:#b8a99b;color:var(--color-ash-dim);display:inline-flex;height:36px;justify-content:center;transition:color .12s,transform .12s;width:36px}.like-btn:hover{color:#ff8043;color:var(--color-ember-bright)}.like-btn.liked{animation:pulse-ember .4s ease;color:#ff5a1f;color:var(--color-ember)}@keyframes pulse-ember{0%{transform:scale(.85)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:640px){.player{gap:10px;grid-template-columns:56px 1fr auto;padding:8px 12px}.player-cover{flex:0 0 40px;height:40px;width:40px}.player-desktop-only{display:none!important}.player-center{align-items:stretch}.player-controls{gap:4px;justify-content:flex-end}.player-progress,.player-right{display:none}.player-mobile-meta{display:flex;flex-direction:column;justify-content:center;min-width:0}}@media (min-width:641px){.player-mobile-only{display:none!important}}.nps{background:linear-gradient(180deg,#180c07,#060302);display:flex;flex-direction:column;gap:20px;inset:0;overflow-y:auto;padding:24px 20px 40px;position:fixed;transform:translateY(100%);transition:transform .26s ease;z-index:80}.nps.open{transform:translateY(0)}.nps-topbar{align-items:center;display:flex;justify-content:space-between}.nps-eyebrow{color:#8a7a6f;color:var(--color-muted);font-size:11px;letter-spacing:3px;text-transform:uppercase}.nps-cover-wrap{display:flex;justify-content:center;padding:12px 0}.nps-cover{aspect-ratio:1/1;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 40px 80px #000000b3,0 0 80px #ff5a1f59;box-shadow:0 40px 80px #000000b3,0 0 80px var(--album-accent-soft);object-fit:cover;width:min(80vw,380px)}.nps-title{color:#e8ddd4;color:var(--color-ash);font-family:Cinzel,Georgia,serif;font-family:var(--font-display);font-size:28px;font-weight:900;letter-spacing:1px;text-align:center;text-shadow:0 0 20px #ff5a1f59;text-shadow:0 0 20px var(--album-accent-soft);text-transform:uppercase}.nps-artist{color:#b8a99b;color:var(--color-ash-dim);font-size:15px;text-align:center}.nps-progress{display:flex;flex-direction:column;gap:6px;padding:8px 4px}.nps-time-row{display:flex;justify-content:space-between}.nps-controls-row{align-items:center;display:flex;gap:22px;justify-content:center;padding:12px 0 0}.nps-controls-row .play-toggle{height:72px;width:72px}.nps-controls-row .icon-btn{height:48px;width:48px}.nps-volume{align-items:center;display:flex;gap:12px;padding:12px 6px 0}.ember-canvas{inset:0;mix-blend-mode:screen;opacity:.85;pointer-events:none;position:fixed;z-index:1}.glitch{display:inline-block;position:relative}.glitch:after,.glitch:before{content:attr(data-text);left:0;opacity:.75;pointer-events:none;position:absolute;top:0;width:100%}.glitch:before{animation:glitch-a 3.6s steps(1) infinite;color:#ff3c14e6;mix-blend-mode:screen;transform:translate(-1.5px)}.glitch:after{animation:glitch-b 3.9s steps(1) infinite;color:#ffc85ab3;mix-blend-mode:screen;transform:translate(1.5px)}@keyframes glitch-a{0%,92%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(-1.5px)}93%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0);transform:translate(-4px,-1px)}95%{-webkit-clip-path:inset(45% 0 20% 0);clip-path:inset(45% 0 20% 0);transform:translate(-2px,1px)}97%{-webkit-clip-path:inset(70% 0 5% 0);clip-path:inset(70% 0 5% 0);transform:translate(-3px)}}@keyframes glitch-b{0%,90%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(1.5px)}91%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0);transform:translate(3px,1px)}94%{-webkit-clip-path:inset(60% 0 10% 0);clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}96%{-webkit-clip-path:inset(15% 0 65% 0);clip-path:inset(15% 0 65% 0);transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.glitch:after,.glitch:before{animation:none;opacity:0}.ember-canvas,.play-explosion{display:none}.like-btn.liked,.play-primary.shake,.play-toggle.shake{animation:none}.nps,.sidebar{transition:none}}.library::-webkit-scrollbar,.main::-webkit-scrollbar,.nps::-webkit-scrollbar{width:10px}.library::-webkit-scrollbar-thumb,.main::-webkit-scrollbar-thumb,.nps::-webkit-scrollbar-thumb{background:#24140d;background:var(--color-panel-3);border-radius:8px}.main::-webkit-scrollbar-thumb:hover{background:#2a1712;background:var(--color-char)}.library::-webkit-scrollbar-track,.main::-webkit-scrollbar-track,.nps::-webkit-scrollbar-track{background:#0000}
/*# sourceMappingURL=main.cba58855.css.map*/