@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101011;--panel:#171718;--line:#2a2a2b;--muted:#969699;--white:#f3f1ed;--accent:#ff784f;--sidebar:226px;--player:100px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{color:#fff}svg{width:21px;height:21px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Space Grotesk',Arial,sans-serif}button,input{border-radius:0}input[type=range]{accent-color:var(--accent);cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);padding:16px;z-index:100}.skip:focus{top:10px}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto var(--player) 0;border:0;padding:33px 23px 16px;background:#111112;display:flex;flex-direction:column;z-index:10;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1.2px;font-weight:700;white-space:nowrap}.logo-hit{font-weight:400}.logo-period{color:var(--accent)}.logo-mark{display:flex;align-items:center;gap:3px;height:30px}.logo-mark i{width:4px;border-radius:2px;background:var(--accent);height:16px}.logo-mark i:nth-child(2){height:28px}.logo-mark i:nth-child(3){height:22px}.logo-mark i:nth-child(4){height:12px}.sidebar-caption{font-size:8px;letter-spacing:2px;color:#77777a;margin:15px 0 38px 2px}.nav-item{width:100%;height:47px;display:flex;align-items:center;gap:13px;text-align:left;padding:0 14px;border-radius:7px;font-weight:500;color:#a8a8ad;margin-bottom:7px}.nav-item.active{background:#28201d;color:#ff8a60}.nav-item:hover{background:#222224}.nav-item svg{width:20px}.sidebar-divider{height:1px;background:var(--line);margin:23px 10px}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#69696d;margin:0 14px 12px}.genre-links button{display:flex;align-items:center;gap:13px;padding:10px 15px;color:#a4a4aa;font-size:12px;width:100%;text-align:left}.genre-links button span{width:6px;height:6px;border-radius:50%}.genre-links button:hover,.genre-links button.active{color:#fff}.sidebar-bottom{margin-top:auto;padding:36px 13px 21px}.ai-mark{color:var(--accent);margin-bottom:13px}.sidebar-bottom strong{font-family:'Space Grotesk',sans-serif;font-size:16px;line-height:1.4;font-weight:500}.sidebar-bottom p{color:#77777d;font-size:11px;line-height:1.7;margin:11px 0}.text-button{display:inline-flex;align-items:center;gap:9px;font-weight:500;font-size:12px;white-space:nowrap;padding:6px 0}.text-button svg{width:17px;height:17px}.sidebar-bottom .text-button{font-size:10px}.sidebar-foot{font-size:6.5px;letter-spacing:.7px;white-space:nowrap;border:0;padding-top:16px;color:#64646b;display:flex;align-items:center;gap:6px}.tiny-signal{width:4px;height:4px;border-radius:50%;background:#8da481}.page{margin-left:var(--sidebar);padding-bottom:var(--player)}.topbar{height:85px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border:0;gap:20px}.search{display:flex;align-items:center;gap:12px;color:#7e7e85;max-width:390px;width:100%}.search svg{width:19px;height:19px}.search input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:var(--white);padding:12px 0;font-size:12px}.search input::placeholder{color:#78787f}.search kbd{border:0;border-radius:4px;width:20px;line-height:19px;text-align:center;font-size:11px;color:#6c6c73}.topbar-right{display:flex;align-items:center;gap:23px}.ai-pill{font-size:8px;letter-spacing:1.5px;color:#b7b7bc;display:flex;align-items:center;gap:8px;white-space:nowrap}.ai-pill svg{color:var(--accent);width:15px;height:15px}.icon-button{display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;color:#9a9aa1;flex-shrink:0}.icon-button:hover{background:#ffffff0d;color:#fff}.icon-button[aria-pressed=true],button[data-like][aria-pressed=true]{color:var(--accent)}button[data-like][aria-pressed=true] svg,#like[aria-pressed=true] svg{fill:currentColor}.mobile-brand{display:none}main{max-width:1640px;margin:auto;padding:34px 42px 0}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#87878e;margin-bottom:9px}h1{font-size:clamp(24px,2.2vw,36px);font-weight:500;letter-spacing:-1.4px;line-height:1.25}.edition{font-size:8px;letter-spacing:1.8px;color:#88888d;white-space:nowrap}.edition span{color:var(--accent);font-size:20px;vertical-align:middle;margin-left:15px}.hero{position:relative;min-height:387px;overflow:hidden;border:0;border-radius:11px;background:#0c0805}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 52%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100d0af2 0%,#130c06a3 37%,#08070700 78%)}.hero-content{position:relative;padding:35px 37px;z-index:1}.hero-kicker{display:flex;align-items:center;gap:8px;color:#d6bfb4;font-size:8px;letter-spacing:1.8px}.live-dot{background:var(--accent);width:5px;height:5px;border-radius:50%}.thin-line{background:#6e4b36;width:20px;height:1px;margin:0 4px}.hero h2{font-size:clamp(40px,4.4vw,72px);letter-spacing:-3.2px;line-height:.98;font-weight:700;margin:23px 0 17px}.hero p{font-size:12px;color:#b9b3ae;line-height:1.8}.hero p strong{font-weight:500;color:#e6ded6}.hero-actions{display:flex;align-items:center;gap:12px;margin:24px 0 21px}.primary{background:var(--accent);color:#1f100a;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:43px;padding:0 19px;font-size:12px;font-weight:700}.primary:hover{background:#ff956e;color:#1f100a;transform:translateY(-1px)}.primary svg{width:17px;height:17px}.hero-save{width:43px;height:43px;border:0;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#d9c5b7;background:#ffffff03}.hero-save svg{width:19px;height:19px}.hero-meta{font-size:7px;font-weight:500;letter-spacing:1.4px;color:#9e8d81;display:flex;align-items:center;gap:12px}.hero-meta span{color:#6c5545}.hero-corner{position:absolute;bottom:29px;right:31px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:7px;color:#e5c5af;letter-spacing:1.6px}.hero-corner>span:first-child{font-size:10px}.sound-bars{display:flex;align-items:center;gap:3px;height:23px}.sound-bars i{height:6px;width:2px;background:#edba97}.sound-bars i:nth-child(2n){height:16px}.sound-bars i:nth-child(3n){height:23px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:19px}.section-heading h2{font-size:22px;letter-spacing:-.7px;font-weight:500}.section-heading .eyebrow{display:block;font-size:8px;margin-bottom:7px}.section-heading>.text-button{color:#bebec4;font-size:10px}.genre-section{margin:36px 0}.genre-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.genre-card{position:relative;min-width:0;overflow:hidden;text-align:left;display:flex;align-items:flex-start;flex-direction:column;isolation:isolate;border-radius:15px;height:226px;padding:17px 20px 19px;background:#19191b}.genre-card:before{position:absolute;inset:0;content:'';background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--genre-color) 13%,transparent),transparent 75%);z-index:-1}.genre-card:hover{background:#202022;transform:translateY(-3px)}.genre-illustration{display:block;align-self:center;object-fit:contain;width:142px;height:142px;max-width:100%;margin:-3px 0 0;pointer-events:none}.genre-name{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:600;letter-spacing:-.7px;margin-top:auto;z-index:1}.genre-sub{font-size:10px;line-height:1.5;color:#aaa5a5;z-index:1;margin-top:5px;padding-right:4px}.genre-arrow{position:absolute;right:16px;bottom:41px;opacity:0;color:var(--genre-color)}.genre-card:hover .genre-arrow{opacity:1}
.count-label{font-size:8px;letter-spacing:1.4px;color:#707078;padding-bottom:4px}.table-head{display:grid;grid-template-columns:29px 1fr 24% 13% 7% 32px;align-items:center;padding:11px 16px;color:#5e5e67;letter-spacing:1.4px;font-size:7px;border:0}.track-row{display:grid;grid-template-columns:29px 43px 1fr 24% 13% 7% 32px;align-items:center;gap:0;min-height:76px;padding:9px 16px;border:0}.track-row:hover{background:#19191b}.track-number{font-size:10px;color:#616169}.cover{background:#19120c url('/assets/hero.webp') no-repeat 77% 50%;background-size:auto 135%;border:0}.track-art{height:40px;width:40px;border-radius:4px;display:flex;align-items:center;justify-content:center}.track-art svg{width:19px;color:#fff;filter:drop-shadow(0 1px 4px #000)}.track-name{padding-left:14px;display:flex;flex-direction:column;gap:5px}.track-name strong{font-size:12px;font-weight:500}.track-name>span{font-size:9px;color:#7d7d85}.track-name b,.mini-ai{display:inline-block;margin-left:7px;font-size:6px;border:0;color:#b09e8a;font-weight:500;padding:2px 3px;border-radius:2px;vertical-align:2px;letter-spacing:.6px}.track-genre{font-size:10px;color:#92929b}.track-type{font-size:7px;color:#b4a18b;letter-spacing:1px}.track-time{font-size:10px;color:#8e8e96}.track-like svg{width:17px;height:17px}.manifesto{display:flex;align-items:center;gap:18px;border:0;background:#171615;border-radius:7px;padding:23px 25px;margin-top:29px}.manifesto-symbol{font-size:37px;color:#e79b75}.manifesto p{font-size:12px;line-height:1.8;color:#9c9591}.manifesto p strong{font-weight:500;color:#d3c8c0}.manifesto .text-button{margin-left:auto;font-size:10px;color:#bcb0a7}.page-footer{display:flex;align-items:center;gap:22px;flex-wrap:wrap;color:#5f5f65;font-size:8px;margin:36px 0 23px}.footer-brand{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;letter-spacing:-.5px;color:#86868b}.footer-brand span{color:var(--accent)}.page-footer>button{margin-left:auto;font-size:8px;color:#818187}.player{position:fixed;inset:auto 0 0;height:var(--player);z-index:30;background:#171718;border:0;display:grid;grid-template-columns:1fr minmax(280px,1.4fr) 1fr;gap:24px;align-items:center;padding:10px 26px}.playing-track{display:flex;align-items:center;gap:13px;min-width:0}.player-cover{height:52px;width:52px;border-radius:5px;flex-shrink:0}.playing-track>div:nth-child(2){display:flex;flex-direction:column;gap:7px;min-width:0}.playing-track strong{font-size:12px;font-weight:550;white-space:nowrap}.playing-track>div>span{font-size:9px;color:#85858b;white-space:nowrap}.playing-track .icon-button{margin-left:8px}.playing-track .icon-button svg{width:17px}.playback{max-width:520px;width:100%;justify-self:center}.playback-buttons{display:flex;align-items:center;justify-content:center;gap:19px}.playback-buttons>.icon-button:first-child svg,.playback-buttons>.icon-button:last-child svg{width:15px;height:15px}.playback-buttons>.icon-button:nth-child(2) svg,.playback-buttons>.icon-button:nth-child(4) svg{width:16px;height:16px}.main-play{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4f1eb;color:#171717}.main-play:hover{background:var(--accent);color:#171717;transform:scale(1.04)}.main-play svg{height:17px;width:17px}.progress{display:flex;align-items:center;gap:10px;margin-top:10px}.progress span{color:#777780;font-size:8px;font-variant-numeric:tabular-nums}.progress input{flex:1;min-width:0;height:3px;margin:0}.player-extra{display:flex;align-items:center;gap:5px;justify-content:flex-end}.quality{display:flex;flex-direction:column;gap:5px;text-align:right;margin-right:15px}.quality>span:first-child{font-size:9px;color:#c5b99e}.quality small{font-size:7px}.quality>span:last-child{font-size:7px;color:#75757d;white-space:nowrap}.player-extra svg{width:18px;height:18px}.player-extra input{width:65px;height:3px}.player-extra #queue{margin-left:12px}.mobile-nav{display:none}.intro-description{color:#92929a;font-size:12px;margin-top:15px;line-height:1.7}.all-genres{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.all-genres .genre-card{height:225px;padding:18px 21px}.all-genres .genre-art{width:145px;height:135px}.all-genres .genre-name{font-size:23px}.all-genres .genre-sub{font-size:10px}.all-genres .genre-count{font-size:8px}.view-panel[data-panel=saved],.view-panel[data-panel=genres]{min-height:calc(100vh - 320px)}.empty-state{text-align:center;border:0;border-radius:9px;padding:65px 20px;margin-top:22px}.empty-state>svg{width:35px;height:35px;color:#7f7166;margin-bottom:16px}.empty-state h3{font-size:22px;font-weight:500;margin-bottom:10px;letter-spacing:-.6px}.empty-state p{color:#93939b;font-size:12px;line-height:1.7}.empty-state .primary{margin-top:24px}.genre-detail-header{border-radius:9px;padding:37px;background:linear-gradient(110deg,#342117,#1c1714,#161617);margin:25px 0}.genre-detail-header h1{font-size:64px;margin:15px 0;letter-spacing:-3px}.genre-detail-header p{color:#bb9e8a}.tag{display:inline-block;margin-top:23px;font-size:9px;border:0;padding:6px 10px;border-radius:3px;color:#d5bca6}.back-link{color:#8d8d95}.view-panel[data-panel=saved]>.page-intro>svg{color:#836b5d;width:36px;height:36px}dialog{max-width:580px;width:calc(100% - 32px);background:#1a1919;border:0;border-radius:13px;color:var(--white);padding:35px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:16px;right:16px}.dialog-brand{margin-bottom:34px}dialog h2{font-size:31px;letter-spacing:-1px;line-height:1.15;margin-bottom:19px;font-weight:500}dialog>p,dialog .info-block p{color:#aaa4a0;font-size:12px;line-height:1.8}.info-block{border:0;padding-top:19px;margin-top:23px}.info-block strong{font-size:13px;font-weight:500}.info-block p{margin-top:9px}.info-block a{color:var(--accent);font-size:11px;display:inline-block;margin-top:9px}.small-note{font-size:10px!important;color:#77747a!important;margin-top:22px}.dialog-brand+.eyebrow{font-size:8px;margin-bottom:12px}#queue-dialog .track-row{grid-template-columns:20px 43px 1fr 32px;padding:12px 0}#queue-dialog .track-type,#queue-dialog .track-genre,#queue-dialog .track-time{display:none}#toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#eee9e1;color:#24201b;box-shadow:0 4px 20px #0004;border-radius:6px;padding:13px 21px;font-size:12px;max-width:90vw;z-index:100;transition:opacity .2s,transform .2s}#toast.show,#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){:root{--sidebar:248px}.hero{min-height:460px}.hero-content{padding:45px}.hero h2{font-size:78px}.genre-card{height:216px}.genre-art{width:145px;height:127px}.hero-actions{margin-top:31px}.hero p{font-size:14px}.sidebar{padding-left:29px;padding-right:29px}main{padding-top:42px}}
@media(max-width:1200px){:root{--sidebar:200px}.sidebar{padding:30px 16px 14px}.brand{font-size:21px}.logo-mark{gap:2px}.sidebar-caption{font-size:7px}.topbar{padding:0 28px}main{padding:28px 28px 0}.featured-genres{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-genres .genre-card{height:178px}.featured-genres .genre-art{left:66%;height:112px;width:125px}.featured-genres .genre-count{font-size:8px}.featured-genres .genre-sub{font-size:9px}.featured-genres .genre-name{font-size:21px}.hero{min-height:375px}.hero h2{font-size:55px}.player{gap:15px;padding:10px 18px;grid-template-columns:1fr 1.3fr 1fr}.quality{display:none}.all-genres{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-foot{font-size:5.8px}.hero-content{padding:30px}.player-extra input{width:52px}}
@media(max-width:850px){:root{--sidebar:176px;--player:94px}.sidebar{padding:26px 13px 12px}.brand{font-size:18px;gap:7px}.logo-mark i{width:3px}.logo-mark i:nth-child(2){height:24px}.logo-mark i:nth-child(3){height:19px}.sidebar-caption{font-size:6px;letter-spacing:1.3px;margin-bottom:29px}.nav-item{font-size:12px;padding:0 10px;gap:10px}.nav-item svg{width:17px}.nav-label{font-size:8px;margin-left:11px}.genre-links button{font-size:11px;padding-left:12px}.sidebar-bottom{padding-left:10px;padding-right:10px}.sidebar-bottom strong{font-size:14px}.sidebar-bottom p{font-size:10px}.sidebar-foot{font-size:5px;letter-spacing:.3px}.topbar{padding:0 23px;height:73px}.ai-pill{display:none}.topbar-right{gap:0}.search{max-width:350px}main{padding:25px 23px 0}h1{font-size:25px}.hero{min-height:365px}.hero-content{padding:30px 24px}.hero h2{font-size:49px}.hero p{font-size:11px}.hero-shade{background:linear-gradient(90deg,#100d0ae8,#100d0a65 65%,transparent)}.hero-corner{display:none}.hero-image{object-position:64% 50%}.hero-meta{font-size:6px;gap:8px}.section-heading h2{font-size:20px}.section-heading .eyebrow{font-size:7px}.genre-grid{gap:10px}.genre-card{padding:12px}.featured-genres .genre-name{font-size:18px}.featured-genres .genre-sub{font-size:7.5px}.featured-genres .genre-art{left:55%;height:93px;width:105px}.featured-genres .genre-card{height:175px}.track-genre,.table-head>span:nth-child(3){display:none}.track-row{grid-template-columns:23px 40px 1fr 15% 10% 28px;padding:9px 8px}.table-head{grid-template-columns:23px 1fr 15% 10% 28px;padding:11px 8px}.player{grid-template-columns:1fr 1.2fr;gap:15px}.player-extra{display:none}.playing-track .icon-button{margin-left:0}.playing-track{gap:9px}.playing-track>div>span{font-size:8px}.playing-track strong{font-size:11px}.playback-buttons{gap:12px}.all-genres{grid-template-columns:repeat(2,minmax(0,1fr))}.page-footer{gap:15px}.page-footer>span:nth-child(2){display:none}.manifesto{padding:20px 17px;gap:13px}.manifesto p{font-size:11px}.manifesto-symbol{font-size:30px}}
@media(max-width:600px){:root{--player:141px;--sidebar:0px}.sidebar{display:none}.page{margin-left:0}.topbar{padding:0 19px;height:68px;border:0;gap:14px;flex-wrap:wrap;position:relative;z-index:3}.mobile-brand{display:flex;font-size:23px;gap:9px}.topbar .search{order:3;max-width:none;width:100%;height:39px;background:#1a1a1d;border:0;border-radius:7px;padding:0 12px;margin-top:3px}.search input{font-size:11px}.search kbd{display:none}.topbar-right{margin-left:auto}.topbar-right>.icon-button{height:30px;width:30px}.topbar-right svg{width:18px}.page-intro{margin-bottom:22px;align-items:flex-start}.page-intro h1{font-size:26px;letter-spacing:-1px;max-width:285px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:9px}.page-intro .edition{font-size:6px;letter-spacing:1px;margin-top:7px;display:none}main{padding:71px 19px 0}.hero{min-height:415px;border-radius:9px}.hero-image{object-position:67% center;opacity:.85}.hero-shade{background:linear-gradient(90deg,#0d0a06cf,#100d0a40),linear-gradient(0deg,#130d08f2,transparent 70%)}.hero-content{padding:27px 23px}.hero-kicker{font-size:7px;letter-spacing:1.4px}.hero h2{font-size:54px;letter-spacing:-2.7px;margin-top:33px;margin-bottom:23px;line-height:.98}.hero p{font-size:11px;line-height:1.9}.hero-actions{margin:24px 0 27px}.primary{height:43px;font-size:11px}.hero-meta{font-size:6px;letter-spacing:.9px}.hero-corner{display:none}.genre-section{margin:30px 0}.section-heading h2{font-size:21px;letter-spacing:-.8px;max-width:240px;line-height:1.2}.section-heading{margin-bottom:18px;align-items:center;gap:12px}.section-heading .eyebrow{font-size:6px;letter-spacing:1.3px}.section-heading>.text-button{font-size:9px;gap:6px}.section-heading>.text-button svg{width:13px}.featured-genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-genres .genre-card{height:179px;padding:14px}.featured-genres .genre-name{font-size:21px}.featured-genres .genre-sub{font-size:8px}.featured-genres .genre-art{height:103px;width:115px;left:56%;top:21px}.genre-count{font-size:8px}.genre-arrow{display:none}.table-head{display:none}.track-row{grid-template-columns:39px 1fr 42px 28px;gap:0;padding:15px 0}.track-number,.track-type{display:none}.track-name{padding-left:13px}.track-name strong{font-size:13px}.track-name>span{font-size:10px}.track-time{font-size:11px}.track-like svg{width:18px}.track-art{width:39px;height:39px}.manifesto{padding:20px 17px;gap:16px;flex-wrap:wrap}.manifesto p{font-size:12px}.manifesto .text-button{font-size:9px}.page-footer{margin:28px 0 20px;font-size:7px;gap:13px}.page-footer>span:last-child{font-size:7px}.page-footer>button{font-size:7px}.footer-brand{font-size:12px}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;height:67px;padding:0 32px max(5px,env(safe-area-inset-bottom));justify-content:space-around;background:#121213;border:0;z-index:31}.mobile-nav button{color:#77777f;min-width:70px;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column}.mobile-nav button svg{height:20px;width:20px}.mobile-nav button.active{color:var(--accent)}.player{bottom:67px;height:74px;padding:10px 17px 13px;display:flex;gap:6px;background:#242120;border:0}.playing-track{flex:1;gap:10px}.player-cover{width:44px;height:44px}.playing-track>div:nth-child(2){gap:5px}.playing-track strong{font-size:12px}.playing-track>div>span{font-size:9px}.playing-track .icon-button{margin-left:auto;margin-right:7px}.playback{width:auto;flex:none}.playback-buttons{gap:0}.playback-buttons>.icon-button{display:none}.main-play{width:35px;height:35px}.progress{position:absolute;left:0;right:0;bottom:-2px;margin:0;height:5px}.progress span{display:none}.progress input{height:3px;accent-color:var(--accent);margin:0;flex:1;appearance:none;background:#6d4d3d}.progress input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}.progress input::-moz-range-thumb{width:7px;height:7px;border:0;background:var(--accent)}.all-genres{gap:12px}.all-genres .genre-card{height:190px;padding:16px}.all-genres .genre-art{width:120px;height:110px}.all-genres .genre-name{font-size:22px}.all-genres .genre-sub{font-size:8px}.intro-description{font-size:11px}.genre-detail-header{padding:28px 24px}.genre-detail-header h1{font-size:55px}.genre-detail-header p{font-size:12px}.empty-state{padding:45px 20px}.empty-state h3{font-size:22px}dialog{padding:30px 24px;max-height:85vh}dialog h2{font-size:29px}.dialog-brand{font-size:25px}.view-panel[data-panel=genres],.view-panel[data-panel=saved]{min-height:calc(100vh - 370px)}#toast{bottom:160px;font-size:11px;text-align:center}#queue-dialog .track-row{grid-template-columns:39px 1fr 28px}.mini-ai{font-size:5px;margin-left:4px}.count-label{font-size:7px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:color .15s,background .15s,transform .18s,border-color .15s}.hero-image{animation:reveal .8s ease-out both}@keyframes reveal{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}body.is-playing .sound-bars i{animation:signal 1s ease-in-out infinite alternate}body.is-playing .sound-bars i:nth-child(2n){animation-delay:-.7s}body.is-playing .sound-bars i:nth-child(3n){animation-delay:-.3s}@keyframes signal{to{transform:scaleY(.35)}}}
#toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:no-preference){#app.is-playing .sound-bars i{animation:signal 1s ease-in-out infinite alternate}#app.is-playing .sound-bars i:nth-child(2n){animation-delay:-.7s}#app.is-playing .sound-bars i:nth-child(3n){animation-delay:-.3s}}
@media(max-width:600px){.progress input{background:linear-gradient(90deg,var(--accent) var(--progress,0%),#6d4d3d var(--progress,0%))}}

/* Airy, borderless discovery layout with twelve original genre illustrations. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sidebar{background:#111112}.sidebar nav{margin-top:43px}.topbar{background:var(--bg)}.search kbd{background:#242426}.hero-save{background:#ffffff0c}.hero{border-radius:15px}.table-head{background:#151517;border-radius:8px}.track-row{border-radius:8px}.cover{border:0}.manifesto{background:#171617;border-radius:12px}.empty-state{background:#171719;border-radius:14px}.info-block{padding-top:16px}.genre-detail-header{border-radius:15px}.auth-login{background:#232325}.auth-member{background:#272321}.account-field input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.genre-section{margin:36px 0 40px}.genre-grid.all-genres,.genre-grid.featured-genres{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.genre-grid .genre-card{height:226px;padding:17px 20px 19px}.genre-grid .genre-name{font-size:23px}.genre-grid .genre-sub{font-size:10px}.genre-grid .genre-illustration{width:142px;height:142px}.all-genres{margin-top:28px}.player{box-shadow:0 -12px 30px #00000015}.mobile-nav{box-shadow:none}
@media(min-width:1440px){.genre-grid.all-genres,.genre-grid.featured-genres{grid-template-columns:repeat(6,minmax(0,1fr))}.genre-grid .genre-card{height:217px;padding:15px 17px 18px}.genre-grid .genre-illustration{width:136px;height:136px}.genre-grid .genre-name{font-size:22px}.genre-grid .genre-sub{font-size:9px}}
@media(max-width:1000px){.genre-grid.all-genres,.genre-grid.featured-genres{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.genre-grid .genre-card{height:210px;padding:15px 16px 17px}.genre-grid .genre-illustration{width:128px;height:128px}.genre-grid .genre-name{font-size:21px}.genre-grid .genre-sub{font-size:9px}}
@media(max-width:600px){.genre-grid.all-genres,.genre-grid.featured-genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.genre-grid .genre-card{height:205px;padding:15px 16px 17px;border-radius:13px}.genre-grid .genre-illustration{width:126px;height:126px}.genre-grid .genre-name{font-size:22px}.genre-grid .genre-sub{font-size:9px}.genre-section{margin:29px 0 33px}.hero{border-radius:14px}.section-heading h2{font-size:23px}.all-genres{margin-top:23px}}
@media(max-width:370px){.genre-grid .genre-card{height:188px;padding:12px 13px 15px}.genre-grid .genre-illustration{width:111px;height:111px}.genre-grid .genre-name{font-size:20px}.genre-grid .genre-sub{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.genre-illustration{transition:transform .22s ease}.genre-card:hover .genre-illustration{transform:translateY(-3px) rotate(-3deg)}}

/* Uploaded artwork and long track titles stay legible in the compact player. */
.lion-cover{background-image:url('/assets/lion-in-the-ring.jpg');background-size:cover;background-position:center}.playing-track strong{overflow:hidden;text-overflow:ellipsis}.playing-track>div>span{overflow:hidden;text-overflow:ellipsis}.track-name{min-width:0}.track-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}