@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#111214;--surface:#1a1b1e;--surface2:#202225;--border:#2b2d30;--text:#f4f4f1;--muted:#909296;--lime:#daf88b;--purple:#b4a0ed;--font:'DM Sans','Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .18s,color .18s,transform .18s}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:hover{color:var(--lime)}.header{height:91px;max-width:1376px;padding:0 52px;margin:auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border)}.brand{font-family:'Manrope',var(--font);font-size:33px;font-weight:800;letter-spacing:-1.7px;display:flex;align-items:center;gap:10px}.brand-dot{color:var(--lime);margin-left:-11px}.brandmark{display:flex;gap:3px;align-items:center;height:29px;margin-right:3px}.brandmark i{width:4px;border-radius:3px;background:var(--lime);height:15px}.brandmark i:nth-child(2){height:29px}.brandmark i:nth-child(3){height:22px}.brand-caption{font-size:12px;color:#85888b;border-left:1px solid #37383b;padding-left:25px;letter-spacing:.1px}.header-actions{margin-left:auto;display:flex;gap:23px;align-items:center}.connection{font-size:12px;color:#aaaead;display:flex;align-items:center;gap:7px}.connection i{width:6px;height:6px;background:var(--lime);border-radius:100%}.connection.disconnected i{background:#b5a1ed}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:100%;background:#32372b;color:#d9f88b;font-weight:600;font-size:13px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#ffffff0a}.icon-button.liked,.liked{color:var(--lime)}.liked svg{fill:var(--lime);stroke:var(--lime)}main{max-width:1272px;margin:0 auto;padding:36px 0 200px;min-height:calc(100dvh - 91px)}.eyebrow{font-size:10px;color:#adb0ac;font-weight:600;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.eyebrow .tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',var(--font)}h1{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.25}h2{font-size:21px;letter-spacing:-.6px;font-weight:650}h3{font-size:16px;font-weight:600;letter-spacing:-.3px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-heading p{color:var(--muted);margin-top:7px;font-size:13px}.pill{font-size:11px;padding:8px 12px;background:#21251e;color:#c8dfa0;border:1px solid #38402d;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.pill svg{height:13px;width:13px}.hero{position:relative;display:flex;overflow:hidden;min-height:286px;background:#25232f;border:1px solid #38333f;border-radius:17px}.hero-content{width:58%;padding:32px 38px;z-index:1}.hero .eyebrow{color:#cec3e3;font-size:9px;letter-spacing:2px}.hero h1{font-size:46px;line-height:1.12;letter-spacing:-1.8px;margin-top:16px;font-weight:650}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{color:#b5b0c0;font-size:12px;margin-top:14px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:23px}.primary,.secondary{padding:12px 20px;display:inline-flex;gap:9px;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:650;white-space:nowrap}.primary{background:var(--lime);color:#20251a}.primary:hover{background:#e7ffb4;color:#141b09;transform:translateY(-1px)}.primary svg{height:15px;width:15px}.secondary{background:#242629;border:1px solid #3b3d40}.secondary:hover{background:#2f3235}.text-button{font-size:12px;display:inline-flex;align-items:center;gap:7px;color:#babdb7}.text-button svg{height:15px;width:15px}.hero-art{position:absolute;right:0;top:0;width:46%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#7661855c,transparent 72%)}.vinyl{position:absolute;width:285px;height:285px;border-radius:50%;top:31px;right:17%;background:repeating-radial-gradient(circle at center,#19171e 0 2px,#28232e 3px 4px,#17151c 5px 7px);box-shadow:0 20px 45px #0005;transform:rotate(-14deg)}.vinyl:after{content:'';position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle,#17141a 0 5px,#d8b9ca 6px 7px,#af8cbd 8px);border:1px solid #c5a0d0}.record-sleeve{position:absolute;right:40%;top:27px;width:218px;height:252px;transform:rotate(-9deg);border-radius:3px;box-shadow:0 15px 35px #0005;background:#bbadd7;overflow:hidden;color:#282033;display:flex;flex-direction:column;padding:17px}.sleeve-label{font-size:8px;letter-spacing:2px;z-index:2}.sleeve-title{font-size:31px;line-height:.94;letter-spacing:-1.9px;font-weight:800;margin-top:12px;z-index:2}.sleeve-orb{position:absolute;border-radius:50%;background:repeating-radial-gradient(ellipse at 40% 40%,transparent 0 6px,#57446b 7px 8px);width:220px;height:220px;bottom:-65px;left:17px;transform:rotate(30deg);border:1px solid #57446b}.sleeve-bottom{margin-top:auto;z-index:2;font-size:7px;letter-spacing:1px}.hero-star{position:absolute;color:#d7ef9d;font-size:55px;font-weight:300;right:37px;top:33px;transform:rotate(15deg)}.hero-art:after{content:'CURATED FOR YOUR EVERYDAY';position:absolute;right:18px;bottom:22px;font-size:7px;letter-spacing:2px;writing-mode:vertical-rl;color:#b1a4c1}.section{margin-top:30px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header p{color:var(--muted);font-size:12px;margin-top:5px}.section-header .text-button{font-size:11px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mood-card{display:flex;text-align:left;flex-direction:column;min-width:0;padding:0;border-radius:12px}.mood-card:hover .mood-cover{transform:translateY(-4px);filter:brightness(1.08)}.mood-card:hover{color:inherit}.mood-cover{height:152px;width:100%;border-radius:11px;overflow:hidden;position:relative;padding:19px 21px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,filter .2s}.mood-top{display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:8px;letter-spacing:1.8px}.mood-top svg{height:14px;width:14px}.mood-name{font-size:25px;font-family:'Manrope',var(--font);font-weight:800;letter-spacing:-1.3px;line-height:1.08;z-index:2}.mood-number{font-size:8px;letter-spacing:1px;z-index:2;margin-top:6px}.mood-cover.chill{background:#d5deba;color:#28362c}.mood-cover.chill:after{content:'';position:absolute;right:-22px;top:-30px;width:170px;height:210px;background:repeating-radial-gradient(ellipse at right,transparent 0 10px,#77987f 11px 12px);border-radius:50%;transform:rotate(-25deg)}.mood-cover.electronic{background:#aaa2ce;color:#31294c}.mood-cover.electronic:after{content:'';position:absolute;width:180px;height:180px;background:repeating-conic-gradient(from 20deg,#584484 0deg 2deg,transparent 2deg 13deg);border-radius:50%;right:-12px;top:-19px;transform:rotate(20deg)}.mood-cover.night{background:#b9ceda;color:#293b4d}.mood-cover.night:after{content:'';position:absolute;width:105px;height:180px;border-radius:90px;background:linear-gradient(90deg,#6d96ae,transparent);transform:rotate(35deg);right:13px;top:-9px;box-shadow:30px 0 0 #7195ab66,60px 0 0 #759bb144}.mood-cover.indie{background:#e7bfaa;color:#563c30}.mood-cover.indie:after{content:'';position:absolute;width:165px;height:165px;right:-12px;top:-14px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 10px,#aa7962 11px 12px);transform:scaleY(.83) rotate(25deg)}.mood-card>strong{font-weight:550;font-size:13px;margin-top:11px}.mood-card>span{color:var(--muted);font-size:11px;margin-top:4px}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:32px}.track-list{display:flex;flex-direction:column;gap:2px}.track-row{display:grid;grid-template-columns:23px 42px minmax(0,1fr) 120px 40px 32px 30px;align-items:center;gap:12px;padding:9px 9px;border-radius:8px;min-height:61px;cursor:pointer}.track-row:hover{background:#202225}.track-row.current{background:#21261d}.track-index{color:#71757a;font-size:11px;text-align:center}.track-index svg{width:16px;height:16px;color:var(--lime)}.track-art{width:42px;height:42px;border-radius:6px;overflow:hidden;display:grid;place-items:center;background:#333540;color:#b5a2db;flex-shrink:0}.track-art img,.now-art img,.group-art img{width:100%;height:100%;object-fit:cover}.track-art svg{width:18px;height:18px}.track-info{min-width:0;display:flex;flex-direction:column;gap:4px;text-align:left}.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px;color:var(--text)}.track-artist{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{color:#8e9295;font-size:11px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-duration{color:#8e9295;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.track-row .icon-button{height:28px;width:28px;color:#929698}.track-row .icon-button.liked{color:var(--lime)}.track-row .icon-button svg{width:16px;height:16px}.library-promo{background:#1b1e1b;border:1px solid #30372a;border-radius:12px;position:relative;padding:23px;display:flex;flex-direction:column;overflow:hidden}.promo-icon{background:#2d3723;color:var(--lime);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;margin-bottom:20px}.library-promo h3{font-size:20px;line-height:1.3;font-weight:550;letter-spacing:-.5px}.library-promo p{font-size:11px;line-height:1.8;color:#9fa695;margin-top:11px;max-width:220px}.library-promo button{margin-top:21px;background:#2a3423;color:#d2ed9f;border:1px solid #445136}.promo-note{font-size:9px;color:#7f8979;margin-top:12px;display:flex;align-items:center;gap:5px}.promo-note svg{width:12px;height:12px}.catalog-credit{font-size:10px;color:#666b70;display:flex;gap:5px;align-items:center;margin-top:17px}.catalog-credit a:hover{color:var(--lime)}.catalog-credit svg{height:12px;width:12px}.bottom-shell{position:fixed;left:0;right:0;bottom:0;background:#17181a;z-index:30;border-top:1px solid #343639}.player{min-height:90px;max-width:1376px;margin:auto;padding:12px 40px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #2a2c2f}.now-art{width:48px;height:48px;border-radius:7px;overflow:hidden;flex-shrink:0;padding:0;background:#2a2b31;display:grid;place-items:center;color:#a49bad}.now-art svg{width:23px;height:23px}.now-info{display:flex;flex-direction:column;gap:6px;width:215px;min-width:0}.now-info strong{font-size:12px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-info>span{font-size:10px;color:#8f9397;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-like{margin-right:auto}.player-like svg{height:17px;width:17px}.transport{width:36%;max-width:480px;flex-shrink:0}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:15px}.transport-buttons .icon-button{height:27px;width:27px}.transport-buttons svg{width:17px;height:17px}.play-button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#20251b}.play-button:hover{background:#edffc2;color:#20251b}.play-button svg{width:16px;height:16px;fill:currentColor;stroke-width:1.1}.subtle{color:#81868b}.subtle.active{color:var(--lime)}.timeline{display:flex;align-items:center;gap:9px;margin-top:9px}.timeline>span{color:#7c8288;font-size:9px;font-variant-numeric:tabular-nums;min-width:27px}.timeline>span:last-child{text-align:right}input[type=range]{appearance:none;-webkit-appearance:none;cursor:pointer;height:3px;background:#3c3f42;border-radius:10px;accent-color:var(--lime);min-width:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:8px;border-radius:50%;background:#d8eac0}#seek{width:100%}.player-extras{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-left:auto}.player-extras svg{width:17px;height:17px}.source-badge{font-size:8px;letter-spacing:1px;color:#8e9690;margin-right:8px}#volume{width:65px}.footer-nav{height:65px;display:flex;align-items:stretch;justify-content:center;gap:95px;padding-bottom:env(safe-area-inset-bottom)}.footer-nav button{min-width:74px;position:relative;color:#85898e;font-size:10px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:10px 20px 9px}.footer-nav svg{width:19px;height:19px}.footer-nav button.active{color:var(--lime)}.footer-nav button.active:before{content:'';position:absolute;top:-1px;height:2px;width:25px;border-radius:2px;background:var(--lime)}.footer-nav button:hover{color:var(--lime)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:24px}.chips{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chip{padding:9px 15px;border-radius:7px;color:#9ba0a5;background:#1b1d20;border:1px solid #303237;font-size:12px}.chip:hover{background:#25282a;color:var(--text)}.chip.active{color:#e2f9b7;border-color:#647547;background:#303a24}.spacer{flex:1}.library-stats{display:flex;gap:18px;color:#8e9599;font-size:11px;align-items:center}.library-stats span{display:flex;align-items:center;gap:5px}.library-stats svg{width:13px;height:13px}.import-zone{border:1px dashed #4b5441;border-radius:14px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0,#272e20,transparent 70%);text-align:center;min-height:310px}.import-zone.dragging,body.dragging .import-zone{background:#303d25;border-color:var(--lime)}.import-symbol{width:58px;height:58px;display:grid;place-items:center;background:#293123;border-radius:16px;color:var(--lime);margin-bottom:20px}.import-symbol svg{width:29px;height:29px}.import-zone h2{font-size:24px}.import-zone p{font-size:12px;line-height:1.9;color:#989f96;max-width:450px;margin:12px auto 23px}.import-buttons{display:flex;gap:10px}.import-foot{font-size:10px;color:#6f786c;margin-top:17px}.empty{padding:55px 25px;text-align:center;color:var(--muted);background:#181a1c;border:1px solid var(--border);border-radius:12px}.empty svg{width:35px;height:35px;margin-bottom:13px;color:#a49cc0}.empty h3{color:#e0e2dd;margin-bottom:10px}.empty p{font-size:12px;line-height:1.8}.empty button{margin-top:18px}.groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.group-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.group-card:hover{border-color:#596b40;color:var(--text)}.group-art{height:160px;background:linear-gradient(135deg,#3d4a37,#302c3e);display:grid;place-items:center;overflow:hidden;color:#b4c0a6}.group-art svg{width:50px;height:50px;stroke-width:1}.group-card div:last-child{padding:16px;display:flex;flex-direction:column;gap:7px}.group-card strong{font-weight:500}.group-card small{color:var(--muted)}.breadcrumb{display:flex;gap:9px;align-items:center;margin:15px 0 20px;color:#a2a99b}.breadcrumb button{color:var(--lime)}.search-field{display:flex;align-items:center;gap:13px;background:#1e2023;border:1px solid #3c4144;border-radius:12px;padding:16px 19px;max-width:720px}.search-field svg{color:#9da49b}.search-field input{border:0;background:none;color:var(--text);font-size:17px;outline:none;width:100%}.search-field:focus-within{border-color:#7a8e5a}.search-field input::placeholder{color:#666e72}.search-options{margin-top:18px;display:flex;align-items:center;gap:12px}.search-hint{font-size:11px;color:#737b7e}.search-results{margin-top:28px}.browse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:20px}.browse-genre{border-radius:10px;padding:25px;text-align:left;background:#252332;min-height:100px;position:relative;overflow:hidden;font-family:'Manrope',var(--font);font-weight:600}.browse-genre:after{content:'♫';position:absolute;font-size:68px;right:8px;bottom:-26px;opacity:.17;transform:rotate(17deg)}.browse-genre:nth-child(2n){background:#26312a}.browse-genre:nth-child(3n){background:#362c29}.browse-genre:nth-child(4n){background:#26303a}.account-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;max-width:960px}.panel{padding:26px;border:1px solid var(--border);border-radius:13px;background:#191b1d}.profile-card{display:flex;gap:20px;align-items:center;margin-bottom:25px}.profile-card .avatar{height:68px;width:68px;font-size:26px}.profile-card h2{font-size:23px}.profile-card p{color:#939b91;font-size:12px;margin-top:6px}.field-label{font-size:11px;color:#969e9f;display:block;margin-bottom:9px}.text-input,select{width:100%;background:#222528;color:var(--text);border:1px solid #3b4042;border-radius:8px;padding:12px}.form-row{display:flex;gap:10px}.panel-note{font-size:11px;line-height:1.9;color:#868f90;margin-top:18px}.setting{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #2c3032}.setting:last-child{border:0}.setting p{font-size:12px;color:#d5dcd2}.setting small{display:block;color:#7c8587;margin-top:5px;font-size:10px}.setting>strong{font-size:15px;font-weight:500;color:#c8dda4}.danger-button{color:#d2a5a1;font-size:11px;padding:9px 0}.storage-meter{height:5px;background:#33383a;border-radius:5px;margin-top:22px;overflow:hidden}.storage-meter span{height:100%;background:var(--lime);display:block;width:0}.feature-strip{display:flex;gap:8px;padding:18px 0;margin-top:20px;font-size:11px;color:#7b8587;align-items:center;justify-content:center}.feature-strip svg{width:14px;height:14px}.loading{height:180px;display:grid;place-items:center;color:var(--muted);font-size:12px}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #5b6353;border-top-color:var(--lime);border-radius:100%;animation:spin 1s linear infinite;margin-right:9px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:178px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d8edb8;color:#202a18;padding:13px 21px;z-index:100;border-radius:9px;font-size:12px;transition:.2s;max-width:calc(100vw - 32px);box-shadow:0 8px 35px #0005;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#1b1e20;color:var(--text);border:1px solid #434a4a;border-radius:15px;width:480px;max-width:calc(100vw - 28px);padding:27px;max-height:80dvh;overflow:auto}dialog::backdrop{background:#060808aa;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:21px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.modal-form{display:flex;flex-direction:column;gap:17px}.modal-subtitle{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:20px}.queue-list{display:flex;flex-direction:column;gap:7px}.queue-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:7px;text-align:left}.queue-item.current{background:#303a25;color:var(--lime)}.queue-item>div{display:flex;flex-direction:column;gap:4px;overflow:hidden}.queue-item strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item small{font-size:10px;color:var(--muted)}.import-progress{height:6px;background:#333b2c;border-radius:4px;margin:20px 0;overflow:hidden}.import-progress>span{display:block;height:100%;width:0;background:var(--lime);transition:width .2s}.error-note{color:#c4aaa0;font-size:11px;line-height:1.8}.sort{max-width:150px;font-size:11px;padding:9px 12px}.list-head{display:flex;justify-content:space-between;margin:0 8px 10px;color:#737e81;font-size:9px;letter-spacing:1.5px}.liked-banner{background:linear-gradient(100deg,#3b324d,#24242e);padding:27px;border-radius:12px;margin-bottom:24px;display:flex;gap:20px;align-items:center}.liked-banner>svg{height:48px;width:48px;color:#c7b4ec;fill:#c7b4ec}.liked-banner h2{margin-bottom:5px}.liked-banner p{font-size:11px;color:#aaa1b7}.liked-banner .primary{margin-left:auto}.notice{padding:14px 18px;border:1px solid #434331;border-radius:9px;background:#29291f;color:#c8c7a4;font-size:12px;margin-bottom:20px}.offline-pill{background:#292431;color:#c3afd9;border-color:#41364d}
@media(min-width:1550px){main{padding-top:42px}.hero{min-height:312px}.hero-content{padding-top:36px}.hero-art .record-sleeve{top:37px}.mood-cover{height:170px}}
@media(max-width:1380px){main{margin:0 52px}.track-row{grid-template-columns:20px 40px minmax(0,1fr) 90px 35px 28px 25px;gap:10px}.player-extras{gap:6px}.source-badge{display:none}.now-info{width:190px}.player-like{margin-right:10px}.transport{margin:auto}}
@media(max-width:1050px){main{margin:0 32px}.header{padding:0 32px}.hero-content{padding:29px;width:58%}.hero h1{font-size:39px}.hero-art{width:45%}.record-sleeve{right:28%;width:185px;height:235px;top:33px}.vinyl{width:250px;height:250px;right:-10%;top:49px}.hero-star{right:16px;top:17px;font-size:42px}.mood-cover{height:135px;padding:16px}.mood-name{font-size:22px}.lower-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.track-album{display:none}.track-row{grid-template-columns:19px 38px minmax(0,1fr) 33px 26px 23px;gap:9px}.track-art{width:38px;height:38px}.library-promo{padding:20px}.library-promo h3{font-size:18px}.player{padding:12px 26px;gap:10px}.now-info{width:165px}.transport{width:37%}.player-extras #volume{width:50px}.brand-caption{font-size:11px}.groups{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header{height:75px;padding:0 22px}.brand{font-size:29px}.brand-caption{display:none}.header-actions{gap:14px}.connection{font-size:10px}.header-actions>.icon-button{display:none}main{margin:0 22px;padding-top:27px;padding-bottom:187px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.page-heading>.pill{display:none}.hero{min-height:285px}.hero-content{width:69%;padding:26px 24px}.hero h1{font-size:35px;letter-spacing:-1.5px}.hero p{font-size:11px;max-width:230px}.hero-actions{gap:13px;flex-wrap:wrap;margin-top:21px}.hero-actions .text-button{font-size:10px}.hero-art{width:35%;opacity:.85}.record-sleeve{right:-15%;top:61px;width:145px;height:198px;transform:rotate(10deg)}.vinyl{width:220px;height:220px;right:-105%;top:80px}.sleeve-title{font-size:23px}.sleeve-label{font-size:6px}.sleeve-bottom{font-size:5px}.hero-star{top:18px;right:16px;font-size:33px}.hero-art:after{display:none}.mood-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.mood-cover{height:146px}.mood-name{font-size:25px}.section{margin-top:27px}h2{font-size:19px}.section-header .text-button{font-size:10px}.mood-card>strong{font-size:12px}.mood-card>span{font-size:10px}.lower-grid{display:flex;flex-direction:column;gap:25px;margin-top:28px}.library-promo{display:none}.track-row{grid-template-columns:17px 41px minmax(0,1fr) 33px 28px 25px;padding:10px 0;gap:10px}.track-art{width:41px;height:41px}.track-title{font-size:12px}.track-artist{font-size:10px}.player{padding:10px 17px;min-height:78px;gap:10px;position:relative}.now-art{width:42px;height:42px}.now-info{width:auto;flex:1;max-width:calc(100% - 150px);gap:6px}.now-info strong{font-size:11px}.now-info>span{font-size:9px}.player-like{display:none}.transport{width:auto;flex-shrink:0;margin:0}.transport-buttons{gap:6px}.transport-buttons .subtle,.transport-buttons #previous{display:none}.transport-buttons .play-button{width:33px;height:33px}.transport-buttons #next{width:28px;height:28px}.timeline{position:absolute;bottom:-2px;left:0;right:0;margin:0;height:3px;gap:0}.timeline>span{display:none}#seek{margin:0;height:2px;width:100%}#seek::-webkit-slider-thumb{width:4px;height:4px}.player-extras{display:none}.footer-nav{height:68px;gap:0;justify-content:space-around}.footer-nav button{padding:12px 17px;gap:6px;font-size:10px}.footer-nav svg{width:20px;height:20px}.footer-nav button.active:before{display:none}.toolbar{flex-wrap:wrap;gap:14px}.toolbar .spacer{display:none}.toolbar .library-stats{display:none}.chip{padding:9px 12px;font-size:11px}.page-heading .primary{padding:10px 13px;font-size:11px}.import-zone{padding:31px 21px;min-height:340px}.import-zone h2{font-size:21px}.import-buttons{flex-wrap:wrap;justify-content:center}.import-zone p{font-size:11px}.groups{grid-template-columns:repeat(2,1fr);gap:13px}.group-art{height:135px}.group-card div:last-child{padding:14px}.group-card strong{font-size:12px}.group-card small{font-size:10px}.sort{margin-left:auto;max-width:130px}.search-field{padding:14px}.search-field input{font-size:14px}.search-options{flex-wrap:wrap}.search-hint{font-size:10px}.browse-grid{grid-template-columns:repeat(2,1fr);gap:12px}.browse-genre{padding:22px;font-size:12px}.account-grid{grid-template-columns:1fr;gap:17px}.panel{padding:23px}.toast{bottom:159px;font-size:11px}.liked-banner{padding:20px;gap:15px;flex-wrap:wrap}.liked-banner>svg{height:34px;width:34px}.liked-banner h2{font-size:18px}.liked-banner .primary{padding:10px 14px}.catalog-credit{font-size:9px}.search-results .track-row{grid-template-columns:17px 38px minmax(0,1fr) 28px 26px 23px;gap:7px}.search-results .track-art{height:38px;width:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}