@font-face{font-family:Widock TRIAL;src:url(/fonts/Widock_TRIAL_Bold.otf) format("opentype");font-weight:700 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #e8192c;--red-vivid: #ff2d42;--red-neon: #ff0a24;--red-chrome: #ff3550;--red-dim: #8a1020;--red-deep: #3a0810;--red-ember: #18040a;--crimson: #cc0018;--ruby: #7a0012;--garnet: #4a000d;--blood: #200008;--bg: #030105;--glass-bg: rgba(12, 2, 6, .45);--glass-bg-hover: rgba(22, 4, 10, .58);--glass-bg-card: rgba(16, 3, 7, .52);--glass-border: rgba(255, 255, 255, .14);--glass-border-top: rgba(255, 255, 255, .18);--glass-border-red: rgba(232, 25, 44, .35);--glass-tint: rgba(232, 25, 44, .07);--glass-shadow: 0 4px 32px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.06) inset;--glass-shadow-hover: 0 10px 52px rgba(0,0,0,.72), 0 0 0 1px rgba(232,25,44,.24), 0 1px 0 rgba(255,255,255,.1) inset;--blur: blur(36px);--blur-heavy: blur(64px);--radius: 24px;--radius-sm: 16px;--radius-lg: 32px;--text: #f0e8ea;--text-muted: #6a4550;--text-dim: #2e1820;--font-display: "Widock TRIAL", "Syne", sans-serif;--font-body: "Barlow", sans-serif;--font-num: "Barlow Condensed", sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;overflow:hidden}body:before{content:"";position:fixed;top:-80px;left:50%;transform:translate(-50%);width:1200px;height:600px;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(200,8,24,.13) 0%,rgba(120,3,14,.05) 50%,transparent 75%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-red);box-shadow:var(--glass-shadow-hover)}.liquid-panel{position:relative}.liquid-panel:before{content:"";position:absolute;inset:0;background:var(--glass-tint);pointer-events:none;z-index:1;border-radius:inherit}.liquid-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 5%,var(--glass-border-top) 30%,var(--glass-border-top) 70%,transparent 95%);pointer-events:none;z-index:2;border-radius:inherit}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--red-deep);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--red)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;transition:width .15s,height .15s;background:#fff;border-radius:50%;margin-top:-3px}input[type=range]:hover::-webkit-slider-thumb{width:12px;height:12px;box-shadow:0 0 8px var(--red);background:#fff}@keyframes bentoIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bento-in{animation:bentoIn .55s cubic-bezier(.22,1,.36,1) both}.b1{animation-delay:.04s}.b2{animation-delay:.09s}.b3{animation-delay:.13s}.b4{animation-delay:.17s}.b5{animation-delay:.21s}.b6{animation-delay:.25s}.b7{animation-delay:.29s}.b8{animation-delay:.33s}.b9{animation-delay:.37s}.b10{animation-delay:.41s}@keyframes glow{0%,to{box-shadow:0 0 22px #e8192c99}50%{box-shadow:0 0 50px #e8192cf2,0 0 90px #e8192c47}}.glow-pulse{animation:glow 2.2s ease-in-out infinite}@keyframes redPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes liquid-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.004)}}@keyframes ambient-drift-a{0%{transform:translate(0) scale(1)}20%{transform:translate(55px,-65px) scale(1.1)}42%{transform:translate(-38px,-80px) scale(.92)}62%{transform:translate(-70px,32px) scale(1.07)}82%{transform:translate(36px,60px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes ambient-drift-b{0%{transform:translate(0) scale(1)}28%{transform:translate(-80px,45px) scale(1.09)}55%{transform:translate(44px,-55px) scale(.89)}78%{transform:translate(70px,75px) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes ambient-drift-c{0%{transform:translate(0) scale(1)}35%{transform:translate(66px,50px) scale(.92)}68%{transform:translate(-58px,-44px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes ambient-drift-d{0%{transform:translate(0) scale(1)}30%{transform:translate(-50px,-85px) scale(1.08)}65%{transform:translate(80px,25px) scale(.93)}to{transform:translate(0) scale(1)}}a,button,input,[tabindex]{outline:none}.bento-in{-webkit-user-select:none;user-select:none}@keyframes blob-drift-a{0%{transform:translate(0) scale(1)}18%{transform:translate(42px,-48px) scale(1.08)}38%{transform:translate(-28px,-60px) scale(.94)}58%{transform:translate(-52px,22px) scale(1.05)}78%{transform:translate(26px,48px) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes blob-drift-b{0%{transform:translate(0) scale(1)}24%{transform:translate(-62px,30px) scale(1.07)}50%{transform:translate(30px,-38px) scale(.91)}74%{transform:translate(54px,58px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes blob-drift-c{0%{transform:translate(0) scale(1)}32%{transform:translate(50px,36px) scale(.94)}64%{transform:translate(-42px,-32px) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes blob-drift-d{0%{transform:translate(0) scale(1)}28%{transform:translate(-38px,-64px) scale(1.06)}62%{transform:translate(60px,18px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes halo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-row{background:transparent;transition:background .15s ease}.track-row:hover{background:#e8192c0d}.track-play,.track-row:hover .track-index{display:none!important}.track-row:hover .track-play{display:flex!important}.track-heart{opacity:.25;transition:opacity .2s}.track-heart.liked{opacity:1!important}.track-heart.hidden{opacity:0!important;pointer-events:none}.track-row:hover .track-heart{opacity:1}.album-art-wrap{max-width:clamp(200px,calc(-622px + 145.7dvh),340px)}
