@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2) format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2) format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2) format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2) format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff) format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2) format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#f9f7f3;background:#17191d;font-synthesis:none;color-scheme:dark;--bg: #17191d;--sidebar: #17191d;--panel: #25282e;--panel-light: #30343b;--white: #f9f7f3;--muted: #9ca3af;--quiet: #9ca3af;--accent: #f97316;--accent-strong: #ea580c;--focus: #fdba74;--danger: #e8a4a4;--line: #393d44;--hover: rgba(255, 255, 255, .07);--shadow: 0 24px 64px rgba(0, 0, 0, .32);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--sidebar-width: 252px;--player-height: 104px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Outfit,sans-serif}h1{letter-spacing:-.045em;font-weight:700}h2{letter-spacing:-.035em}.subtle{color:var(--muted)}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.17em}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;inset:0 auto var(--player-height) 0;width:var(--sidebar-width);display:flex;flex-direction:column;padding:var(--space-8) var(--space-4) var(--space-5);background:var(--sidebar);border-right:1px solid var(--line);z-index:5}.brand{border:0;background:transparent;padding:0 var(--space-3);display:flex;align-items:center;text-align:left}.brand img{display:block;width:100%;max-width:205px;height:auto}.topbar-brand{display:none;padding:0;border:0;background:transparent}.topbar-brand img{display:block;width:clamp(116px,35vw,160px);height:auto}.primary-nav{display:grid;gap:var(--space-1);margin-top:56px}.primary-nav button{display:flex;gap:var(--space-4);align-items:center;width:100%;padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-weight:700;text-align:left}.primary-nav button:hover,.primary-nav button.active{background:var(--panel-light);color:var(--white)}.primary-nav button.active svg{color:var(--accent)}.sidebar-divider{height:1px;background:var(--line);margin:var(--space-8) var(--space-3)}.library-title{display:flex;justify-content:space-between;align-items:center;margin:0 var(--space-3) var(--space-5);color:var(--quiet);font-size:11px;font-weight:800;letter-spacing:.13em}.sidebar-library{display:grid;gap:var(--space-2)}.sidebar-library button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--white);text-align:left}.sidebar-library button:hover{background:var(--hover)}.sidebar-library .art{width:42px;height:42px;flex:none}.sidebar-library button span:not(.art-shape):not(.art-glow){display:grid;gap:3px}.sidebar-library strong{font-size:13px}.sidebar-library small{color:var(--muted)}.sidebar-footnote{margin:auto var(--space-3) 0;color:var(--quiet);font-size:11px;line-height:1.7}.main-panel{min-height:calc(100vh - var(--player-height));margin-left:var(--sidebar-width);padding-bottom:var(--space-12);background:radial-gradient(circle at 45% -12%,#3a251c 0,transparent 38%),var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 var(--space-10)}.history-buttons{display:flex;gap:var(--space-2)}.history-buttons .icon-button{background:#00000047;border-radius:50%}.demo-pill{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:#ffffff0a;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em}.demo-pill span{width:6px;height:6px;background:var(--accent);border-radius:50%}.signout-button{padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--muted);font-weight:700}.signout-button:hover{color:var(--white);background:var(--panel-light)}.empty-library{margin-top:var(--space-8);padding:var(--space-10);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}.empty-library p{color:var(--muted)}.content{max-width:1380px;margin:0 auto;padding:var(--space-5) var(--space-10) var(--space-12)}.content>h1{font-size:clamp(36px,4vw,54px);line-height:1.08;margin:var(--space-3) 0}.intro{color:var(--muted);font-size:16px;margin-bottom:var(--space-8)}.featured{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:center;overflow:hidden;min-height:292px;margin-top:var(--space-8);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:linear-gradient(110deg,#3a251c,#292321 45%,#1b1d21);box-shadow:var(--shadow)}.featured-copy{padding:var(--space-10)}.featured h2{font-size:clamp(36px,4vw,58px);line-height:1;margin:var(--space-3) 0 var(--space-4)}.featured p{max-width:340px;color:var(--muted);line-height:1.6}.featured .art{height:100%;width:100%;border-radius:0;box-shadow:none}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border:0;border-radius:99px;background:var(--accent);color:var(--bg);font-weight:800;transition:transform .2s,background .2s}.primary-button:hover{background:var(--accent-strong);transform:translateY(-2px)}.section{margin-top:56px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:var(--space-5)}.section h2{font-size:27px;margin:var(--space-1) 0 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:var(--space-5)}.card{min-width:0;padding:var(--space-4);border:1px solid rgba(255,255,255,.055);border-radius:var(--radius-md);background:var(--panel);color:var(--white);text-align:left;transition:transform .2s,background .2s,border-color .2s}.card:hover{transform:translateY(-4px);background:var(--panel-light);border-color:var(--line)}.card .art{width:100%;aspect-ratio:1;margin-bottom:var(--space-4)}.card-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.card .subtle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px}.artist-card{text-align:center}.artist-card .art{width:min(100%,165px);margin-inline:auto}.art{position:relative;overflow:hidden;isolation:isolate;border-radius:8px;background:var(--art-bg);box-shadow:0 16px 30px #0003}.art-image{display:block;width:100%;height:100%;object-fit:cover}.art-violet{--art-bg: linear-gradient(140deg, #765742 0%, #3c2f2a 48%, #1b1b1c 100%);--art-a: #e6bf78;--art-b: #a87739}.art-amber{--art-bg: linear-gradient(150deg, #b47d63 0%, #604253 58%, #231e33 100%);--art-a: #f4c9a2;--art-b: #dd987e}.art-teal{--art-bg: linear-gradient(160deg, #367e87 0%, #23535c 54%, #122934 100%);--art-a: #9eddd7;--art-b: #4ca4a5}.art-round{border-radius:50%}.art-shape{position:absolute;display:block;border-radius:50%}.art-shape-one{width:95%;height:95%;left:-20%;top:23%;border:32px solid var(--art-a);opacity:.5;filter:blur(1px);transform:rotate(-25deg) scaleY(.62)}.art-shape-two{width:86%;height:86%;right:-37%;top:-19%;border:24px solid var(--art-b);opacity:.55;transform:rotate(30deg) scaleY(.75)}.art-glow{position:absolute;width:70%;height:70%;right:-10%;bottom:-20%;border-radius:50%;background:var(--art-a);opacity:.28;filter:blur(38px)}.detail-hero{display:flex;align-items:end;gap:var(--space-8);min-height:290px;padding:var(--space-8) 0}.detail-hero .art{width:230px;height:230px;flex:none}.detail-hero h1{font-size:clamp(44px,6vw,78px);line-height:1;margin:var(--space-3) 0 var(--space-4)}.detail-hero p{max-width:460px;color:var(--muted);line-height:1.6;margin:var(--space-4) 0 0}.artist-link{padding:0;border:0;background:transparent;color:var(--white);font-weight:800}.artist-link:hover{text-decoration:underline}.album-actions{display:flex;align-items:center;gap:var(--space-5);margin:var(--space-6) 0 var(--space-8)}.round-play{width:56px;height:56px;padding:0}.track-list{width:100%}.track-heading,.track-row{display:grid;grid-template-columns:minmax(0,1fr) 55px 48px;align-items:center;gap:var(--space-4)}.track-heading{padding:0 var(--space-3) var(--space-3);border-bottom:1px solid var(--line);color:var(--quiet);font-size:12px}.track-heading span:first-child,.track-action-heading{display:none}.track-row{min-height:62px;padding:0 var(--space-3);border-radius:var(--radius-sm)}.track-row:hover{background:var(--hover)}.track-main{display:flex;align-items:center;gap:var(--space-5);width:100%;min-width:0;border:0;background:transparent;color:var(--white);text-align:left}.track-number{width:20px;flex:none;color:var(--muted);text-align:center}.track-meta{display:grid;gap:3px;min-width:0}.track-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.track-meta small{color:var(--muted);font-size:12px}.track-active .track-number,.track-active strong{color:var(--accent)}.track-duration{text-align:right;font-size:12px}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}.icon-button:hover:not(:disabled),.icon-button.selected{color:var(--accent);background:var(--hover)}.track-add{justify-self:center}.search-box{display:flex;align-items:center;gap:var(--space-3);width:min(100%,580px);height:56px;margin:var(--space-8) 0;padding:0 var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-light);color:var(--muted)}.search-box:focus-within{border-color:var(--accent)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--white)}.search-box input::placeholder{color:var(--quiet)}.search-hint{margin-top:var(--space-8)}.search-track{display:flex;align-items:center;justify-content:space-between;max-width:680px;min-height:60px;padding:0 var(--space-3);border-radius:var(--radius-sm)}.search-track:hover{background:var(--hover)}.search-track>button:first-child{display:flex;align-items:center;gap:var(--space-4);flex:1;border:0;background:transparent;color:var(--white);text-align:left}.search-track>button:first-child span{display:grid;gap:3px}.search-track small{color:var(--muted)}.player-bar{position:fixed;inset:auto 0 0 0;z-index:20;display:grid;grid-template-columns:minmax(175px,1fr) minmax(250px,1.25fr) minmax(175px,1fr);align-items:center;gap:var(--space-5);height:var(--player-height);padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);background:var(--sidebar);box-shadow:0 -12px 40px #00000040}.player-track{display:flex;align-items:center;gap:var(--space-3);min-width:0}.player-art{width:58px;height:58px;flex:none;border-radius:6px}.player-art-empty{display:grid;place-items:center;background:var(--panel-light);color:var(--quiet)}.player-track-text{display:grid;gap:4px;min-width:0}.player-track-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-track-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.player-center{min-width:0}.transport{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:5px}.play-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--white);color:var(--bg)}.play-button:hover:not(:disabled){transform:scale(1.06)}.progress{display:flex;align-items:center;gap:var(--space-3);color:var(--muted);font-size:10px}.progress input{flex:1;min-width:0}input[type=range]{height:4px;accent-color:var(--accent);cursor:pointer}.player-extras{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.volume-range{width:90px}.player-error{position:absolute;left:50%;bottom:calc(var(--player-height) + 6px);transform:translate(-50%);max-width:90vw;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:#593535;color:var(--white);box-shadow:var(--shadow);font-size:12px}.queue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#00000073}.queue-panel{position:absolute;right:0;bottom:var(--player-height);top:0;width:min(360px,90vw);overflow:auto;padding:var(--space-8);border-left:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.queue-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--space-8)}.queue-header h2{margin:var(--space-2) 0 0}.queue-now{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--panel-light)}.queue-item{display:grid;grid-template-columns:24px 1fr 36px;align-items:center;gap:var(--space-3);min-height:56px;border-bottom:1px solid var(--line);font-size:13px}.queue-item .icon-button{justify-self:end}.empty-queue{line-height:1.6}.mobile-nav{display:none}.startup-state{display:grid;place-content:center;justify-items:center;min-height:100vh;padding:var(--space-8);text-align:center}.startup-state svg{color:var(--accent)}.startup-state p{color:var(--muted)}.startup-state button{padding:var(--space-3) var(--space-6);border:0;border-radius:99px;background:var(--accent);font-weight:800}.auth-page{display:grid;place-items:center;min-height:100dvh;padding:var(--space-6);background:radial-gradient(circle at 50% 0%,#3a251c 0,transparent 42%),var(--bg)}.auth-card{width:min(100%,460px);padding:var(--space-10);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.auth-logo{display:block;width:210px;max-width:100%;height:auto;margin-bottom:var(--space-10)}.auth-symbol{color:var(--accent)}.auth-card h1{margin:var(--space-5) 0 var(--space-3);font-size:clamp(28px,6vw,38px)}.auth-card p{color:var(--muted);line-height:1.6}.auth-card form{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.auth-card label{font-weight:700}.auth-card input{width:100%;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--white);font:inherit}.auth-card input:focus{outline:2px solid var(--focus);outline-offset:2px}.auth-card .primary-button{justify-self:start;margin-top:var(--space-3)}.auth-card .primary-button:disabled{cursor:wait;opacity:.65}.auth-secondary{margin-top:var(--space-5);padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700}.auth-card .auth-error{color:var(--danger)}@media(max-width:900px){:root{--sidebar-width: 208px}.content,.topbar{padding-inline:var(--space-6)}.featured{grid-template-columns:minmax(0,1fr) 220px}.featured-copy{padding:var(--space-8)}}@media(max-width:680px){:root{--player-height: 120px}.sidebar{display:none}.main-panel{margin-left:0;padding-bottom:84px}.topbar{height:58px;padding-inline:var(--space-5)}.topbar-brand{display:block}.content{padding:var(--space-6) var(--space-5) var(--space-12)}.content>h1{font-size:38px}.featured{grid-template-columns:minmax(0,1fr) 34%;min-height:230px}.featured-copy{padding:var(--space-6)}.featured h2{font-size:38px}.featured p{font-size:12px}.section{margin-top:var(--space-10)}.section h2{font-size:23px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.card{padding:var(--space-3)}.card-title{font-size:15px}.detail-hero{align-items:center;gap:var(--space-5);min-height:0}.detail-hero .art{width:35vw;height:35vw;max-width:160px;max-height:160px}.detail-hero h1{font-size:clamp(32px,8vw,52px)}.detail-hero p{font-size:12px}.mobile-nav{position:fixed;inset:auto 0 var(--player-height) 0;z-index:10;display:flex;justify-content:space-evenly;height:60px;border-top:1px solid var(--line);background:var(--sidebar)}.mobile-nav button{display:grid;place-items:center;gap:2px;min-width:80px;border:0;background:transparent;color:var(--muted);font-size:10px}.mobile-nav button.active{color:var(--accent)}.player-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px 50px;gap:0;height:var(--player-height);padding:var(--space-2) var(--space-4)}.player-art{width:42px;height:42px}.player-track-text strong{font-size:12px}.player-center{grid-column:1/-1;grid-row:2;display:flex;align-items:center;flex-direction:row-reverse;gap:var(--space-3)}.transport{flex:none;gap:2px;margin-bottom:0}.transport .mode-button{display:none}.transport .icon-button{width:30px;height:30px}.play-button{width:32px;height:32px}.progress{flex:1}.progress span{display:none}.player-extras{grid-column:2;grid-row:1}.volume-icon,.volume-range{display:none}.queue-panel{bottom:calc(var(--player-height) + 60px)}}@media(max-width:430px){.history-buttons .icon-button:nth-child(2){display:none}}@media(max-width:390px){.featured{grid-template-columns:1fr}.featured .art{display:none}.detail-hero{align-items:start}.detail-hero .art{width:104px;height:104px}.detail-hero h1{font-size:32px}}@media(max-width:680px){:root{--player-height: 150px}.player-bar{grid-template-rows:44px 86px}.player-center{flex-direction:column;justify-content:center;gap:4px}.transport{width:100%;justify-content:space-evenly}.transport .mode-button{display:inline-grid}.progress{width:100%;flex:none}.progress span{display:inline}}