:root{--bg: #070708;--ink: #f6f4f1;--ink-2: #d5d1d7;--ink-3: #aaa4ae;--muted: #77717c;--faint: #4f4a53;--spotify: #1ed760;--accent: #9b88ef;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "SFMono-Regular", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%}.liquid-shell{position:relative;width:100%;min-height:100svh;overflow:clip;background:var(--bg)}.liquid-shell:before{content:"";position:fixed;z-index:-5;inset:-20%;pointer-events:none;background:radial-gradient(circle at 76% 18%,rgba(117,88,205,.1),transparent 30%),radial-gradient(circle at 18% 82%,rgba(80,57,126,.055),transparent 32%);filter:blur(24px);opacity:.8;transform:translateZ(0)}.page-shell{position:relative;isolation:isolate;width:100%;min-height:100svh;overflow:clip;background:radial-gradient(circle at 78% 28%,rgba(101,73,171,.09),transparent 31%),radial-gradient(circle at 26% 68%,rgba(57,43,83,.06),transparent 34%),linear-gradient(180deg,#070708f4,#070708fd)}.ambient-album{position:fixed;z-index:-4;top:-19vh;right:-12vw;width:min(76vw,1000px);height:min(76vw,1000px);object-fit:cover;border-radius:50%;opacity:.12;filter:blur(125px) saturate(1.55) contrast(1.05);transform:scale(1.08);pointer-events:none;animation:album-drift 19s ease-in-out infinite alternate}.ambient-vignette{position:fixed;z-index:-3;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 30%,transparent 0 16%,rgba(7,7,8,.09) 45%,rgba(7,7,8,.7) 82%),linear-gradient(90deg,#070708d4,#07070857 58%,#07070873)}.noise{position:fixed;z-index:40;inset:0;pointer-events:none;opacity:.014;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar,.hero,.recent-section,.footer{width:min(1440px,calc(100% - 96px));margin-inline:auto}.topbar{position:relative;z-index:10;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:22px;height:20px}.brand-mark span{width:3px;border-radius:8px;background:var(--ink)}.brand-mark span:nth-child(1){height:8px;opacity:.58}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:12px;opacity:.78}.brand-name{font-size:15px;font-weight:780;letter-spacing:.105em;text-transform:uppercase}.brand-product{color:var(--muted);font-size:15px;font-weight:570}.top-status{display:inline-flex;align-items:center;gap:11px;color:#98929d;font-size:14px;font-weight:610}.signal-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#76727a;box-shadow:0 0 0 5px #ffffff06}.signal-dot--live{background:var(--spotify);box-shadow:0 0 22px #1ed7606b,0 0 0 5px #1ed76012;animation:signal-pulse 1.7s ease-in-out infinite alternate}.hero{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:clamp(72px,7.4vw,126px);align-items:center;padding:clamp(72px,9vh,118px) 0 clamp(112px,14vh,168px)}.hero-copy{max-width:690px}.hero-label{display:inline-flex;align-items:center;gap:11px;margin-bottom:30px;color:#bdb7c2;font-size:15px;font-weight:650}.hero-label svg{color:var(--accent);filter:drop-shadow(0 0 15px rgba(155,136,239,.35))}.hero h1{margin:0;font-size:clamp(62px,5.65vw,94px);line-height:.94;letter-spacing:-.062em;font-weight:650;text-wrap:balance}.title-line{display:block;width:fit-content}.title-line--bright{color:var(--ink)}.title-line--soft{color:#a29ca6;font-weight:480}.hero-body{margin-top:38px}.hero-kicker{margin:0;max-width:29ch;color:var(--ink-2);font-size:clamp(21px,1.42vw,25px);line-height:1.46;letter-spacing:-.025em;font-weight:570}.hero-description{margin:18px 0 0;max-width:52ch;color:var(--ink-3);font-size:clamp(17px,1.05vw,19px);line-height:1.68;letter-spacing:-.012em}.concept-line{display:flex;align-items:flex-start;gap:14px;margin-top:30px;max-width:550px;color:#96909b;font-size:15px;line-height:1.6}.concept-line svg{flex:0 0 auto;margin-top:1px;color:#a798ef}.showcase-column{position:relative;width:100%;max-width:790px;justify-self:end}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding-inline:5px}.showcase-heading>div{display:grid;gap:8px}.eyebrow{color:#8b858f;font-size:14px;font-weight:630}.showcase-heading strong{max-width:31ch;color:var(--ink-2);font-size:clamp(21px,1.35vw,25px);line-height:1.28;letter-spacing:-.03em;font-weight:610}.spotify-source{display:inline-flex;align-items:center;gap:9px;padding:8px 0;color:#c0bbc3;text-decoration:none;font-size:14px;font-weight:650;transition:color .18s ease,transform .18s ease}.spotify-source:hover{color:var(--ink);transform:translateY(-2px)}.spotify-mark{width:23px;height:23px;color:var(--spotify)}.glass-stage{width:100%;overflow:clip!important;border-radius:38px}.glass-stage>*{max-width:100%}.showcase-surface{position:relative;overflow:hidden;min-height:438px;padding:clamp(24px,2.2vw,36px);border-radius:38px;background:linear-gradient(145deg,#1e1d23db,#0d0d10e8 60%,#100f13de);box-shadow:0 50px 120px #00000052,inset 0 1px #ffffff0d}.showcase-surface:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 17% 11%,rgba(255,255,255,.07),transparent 24%),radial-gradient(circle at 83% 87%,rgba(126,101,200,.105),transparent 33%)}.now-playing{position:relative;z-index:1;display:grid;grid-template-columns:minmax(225px,310px) minmax(0,1fr);gap:clamp(30px,3vw,46px);min-height:365px;align-items:center;text-decoration:none}.album-wrap{position:relative;aspect-ratio:1;overflow:hidden;border-radius:27px;background:#151519;box-shadow:0 28px 72px #00000059}.album-art{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}.now-playing:hover .album-art{transform:scale(1.025);filter:saturate(1.07)}.album-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 57%,rgba(0,0,0,.38))}.album-status{position:absolute;left:17px;bottom:16px;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;background:#050507bd;box-shadow:0 8px 30px #0000002e;color:#d8d4dc;font-size:12px;font-weight:660;text-transform:uppercase;letter-spacing:.08em}.equalizer{display:flex;align-items:flex-end;gap:2px;height:15px}.equalizer i{width:2px;height:5px;border-radius:99px;background:var(--spotify);animation:eq .72s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:10px;animation-delay:-.2s}.equalizer i:nth-child(3){height:7px;animation-delay:-.36s}.equalizer i:nth-child(4){height:13px;animation-delay:-.1s}.equalizer--paused i{animation-play-state:paused;height:4px;opacity:.65}.track-details{min-width:0;padding-right:8px}.track-state{display:flex;align-items:center;gap:10px;margin-bottom:21px;color:#aaa4ae;font-size:14px;font-weight:640}.track-details h2,.track-details p{margin:0}.track-details h2{overflow:hidden;color:var(--ink);font-size:clamp(34px,3vw,50px);line-height:1.02;letter-spacing:-.055em;font-weight:660;text-wrap:balance}.track-artist{margin-top:12px!important;color:#c5c0c8;font-size:clamp(19px,1.5vw,23px);line-height:1.3;font-weight:560}.track-album{margin-top:8px!important;overflow:hidden;color:#85808a;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.open-spotify{position:absolute;right:0;top:2px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff0e;color:#aaa5ad;transition:background .18s ease,color .18s ease,transform .18s ease}.now-playing:hover .open-spotify{background:#ffffff18;color:var(--ink);transform:translate(2px,-2px)}.playback{margin-top:31px}.playback-track{height:4px;overflow:hidden;border-radius:999px;background:#ffffff17}.playback-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#efede9,#bab5be);box-shadow:0 0 18px #ffffff24}.playback-times{display:flex;justify-content:space-between;margin-top:10px;color:#77717b;font:530 12px/1 var(--mono)}.played-at{margin-top:29px!important;color:#85808a;font-size:14px}.empty-state{position:relative;z-index:1;min-height:365px;display:flex;align-items:center;justify-content:center;gap:22px;padding:32px}.empty-orb{display:grid;place-items:center;width:70px;height:70px;flex:0 0 auto;border-radius:50%;background:#ffffff0e;color:#ada7b1}.empty-state>div:last-child{display:grid;gap:8px;max-width:370px}.empty-state strong{font-size:22px;font-weight:640}.empty-state p{margin:0;color:var(--ink-3);font-size:16px;line-height:1.58}.showcase-caption{display:flex;align-items:center;gap:10px;margin-top:19px;padding-left:5px;color:#817b85;font-size:14px}.showcase-caption svg{color:#9588c1}.recent-section{position:relative;z-index:5;padding:4px 0 128px}.recent-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.recent-heading>div{display:grid;gap:9px}.recent-heading strong{color:var(--ink-2);font-size:clamp(25px,1.9vw,31px);line-height:1.24;letter-spacing:-.034em;font-weight:610}.recent-count{color:#615c65;font:520 15px/1 var(--mono)}.recent-list{border-top:1px solid rgba(255,255,255,.07)}.recent-track{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto 28px;gap:20px;align-items:center;min-width:0;padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;transition:opacity .18s ease}.recent-list:hover .recent-track:not(:hover){opacity:.48}.recent-track img{width:76px;height:76px;object-fit:cover;border-radius:16px;background:#151519;box-shadow:0 12px 32px #0000002e}.recent-copy{min-width:0}.recent-copy strong,.recent-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recent-copy strong{color:#dedadf;font-size:18px;line-height:1.2;font-weight:630;letter-spacing:-.02em}.recent-copy small{margin-top:7px;color:#8b858f;font-size:15px}.recent-time{color:#716b75;font-size:14px}.recent-arrow{color:#716b75;transition:color .18s ease,transform .18s ease}.recent-track:hover .recent-arrow{color:var(--ink);transform:translate(2px,-2px)}.recent-placeholder{min-height:118px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);color:#827c86;font-size:17px}.footer{position:relative;z-index:5;min-height:100px;display:flex;align-items:center;gap:24px;color:#76707a;font-size:13px}.footer span:first-child{color:#918b95}.footer span:nth-child(2){margin-left:auto}.footer a{display:inline-flex;align-items:center;gap:6px;color:#85808a;text-decoration:none;transition:color .18s ease}.footer a:hover{color:var(--ink-2)}@keyframes album-drift{0%{transform:scale(1.08) translate3d(0,-1%,0)}to{transform:scale(1.14) translate3d(-3%,3%,0)}}@keyframes signal-pulse{to{opacity:.48;transform:scale(.78)}}@keyframes eq{to{height:14px}}@media(max-width:1200px){.topbar,.hero,.recent-section,.footer{width:min(100% - 52px,980px)}.topbar{min-height:94px}.hero{grid-template-columns:1fr;gap:68px;padding:58px 0 118px}.hero-copy{max-width:790px}.hero h1{font-size:clamp(60px,9.1vw,86px)}.hero-body{margin-top:32px}.showcase-column{max-width:850px;justify-self:start}}@media(max-width:760px){.topbar,.hero,.recent-section,.footer{width:calc(100% - 34px)}.topbar{min-height:78px}.brand-name,.brand-product{font-size:14px}.top-status{font-size:13px}.hero{padding:46px 0 88px;gap:54px}.hero-label{margin-bottom:24px;font-size:14px}.hero h1{font-size:clamp(52px,12vw,68px);line-height:.95}.hero-kicker{font-size:20px}.hero-description{font-size:16px;line-height:1.65}.concept-line{margin-top:25px;font-size:14px}.showcase-heading{align-items:center}.showcase-heading strong{font-size:20px}.spotify-source span{display:none}.glass-stage{border-radius:28px}.showcase-surface{min-height:0;padding:18px;border-radius:28px}.now-playing{grid-template-columns:140px minmax(0,1fr);gap:19px;min-height:218px}.album-wrap{border-radius:20px}.album-status{left:9px;bottom:9px;padding:7px 9px;font-size:11px}.track-state{margin-bottom:12px;font-size:12px}.track-details h2{font-size:clamp(24px,6.5vw,34px)}.track-artist{margin-top:8px!important;font-size:17px}.track-album,.open-spotify{display:none}.playback{margin-top:18px}.playback-times{font-size:11px}.showcase-caption{font-size:13px}.recent-section{padding-bottom:82px}.recent-heading{margin-bottom:22px}.recent-heading strong{font-size:23px}.recent-track{grid-template-columns:64px minmax(0,1fr) auto;gap:15px;padding:13px 2px}.recent-track img{width:64px;height:64px;border-radius:14px}.recent-copy strong{font-size:16px}.recent-copy small{font-size:14px}.recent-time{font-size:13px}.recent-arrow{display:none}.footer{min-height:86px;flex-wrap:wrap;gap:10px 20px;padding-bottom:18px}.footer span:first-child{flex-basis:100%}.footer span:nth-child(2){margin-left:0}.footer a{margin-left:auto}.ambient-album{width:145vw;height:145vw;right:-58vw;top:14vh;opacity:.09}}@media(max-width:480px){.topbar{min-height:70px}.brand-product{display:none}.top-status span:last-child{display:none}.hero{padding-top:40px}.hero h1{font-size:clamp(47px,13vw,60px)}.hero-body{margin-top:27px}.showcase-heading>div{gap:6px}.showcase-heading strong{font-size:18px}.showcase-surface{padding:14px}.now-playing{grid-template-columns:108px minmax(0,1fr);gap:14px;min-height:178px}.album-wrap{border-radius:17px}.album-status{padding:6px 7px}.album-status span{display:none}.track-state{font-size:11px;gap:7px}.track-details h2{font-size:22px}.track-artist{font-size:15px}.playback{margin-top:14px}.recent-track{grid-template-columns:58px minmax(0,1fr) auto;gap:13px}.recent-track img{width:58px;height:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.ambient-album{transform:none}}