/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#151715;--panel:#101210;--lime:#c8f27a;--muted:#858b80;--line:#2a2d28;--text:#f3f4ee}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{transition:color .15s,background .15s,transform .15s}button:hover{color:var(--lime)}img{object-fit:cover}button svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:240px;padding:35px 23px 0;display:flex;position:fixed;inset:0 auto 96px 0}.brand{letter-spacing:-1.5px;align-items:center;gap:11px;margin-bottom:52px;font-size:29px;font-weight:750;display:flex}.brand-dot{letter-spacing:0;align-self:flex-start;margin-top:5px;margin-left:-7px;font-size:10px}.brand-mark{align-items:center;gap:3px;height:30px;display:flex}.brand-mark i{background:var(--lime);border-radius:5px;width:4px;height:15px;display:block}.brand-mark i:nth-child(2){height:26px}.brand-mark i:nth-child(3){height:33px}.brand-mark i:nth-child(4){height:21px}.nav-label{letter-spacing:1.8px;color:#7d8378;font-size:9px;font-weight:700}.sidebar nav{gap:5px;margin:17px -10px 29px;display:grid}.sidebar nav button{text-align:left;color:#a1a69c;border-radius:7px;align-items:center;gap:14px;padding:13px 12px;font-weight:600;display:flex}.sidebar nav button.active{color:var(--lime);background:#252c20}.nav-dot{background:var(--lime);border-radius:50%;width:5px;height:5px;margin-left:auto}.library-label{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.library-label button{color:#8d9485;padding:4px}.library-item{text-align:left;border-radius:6px;align-items:center;gap:12px;margin:0 -7px 8px;padding:7px;display:flex}.library-item:hover,.library-item.chosen{background:#1e221b}.library-item>img,.liked-cover{border-radius:5px;width:39px;height:39px}.liked-cover{color:#fff;background:linear-gradient(140deg,#747b9c,#b5c9b3);place-items:center;display:grid}.library-item>span{text-overflow:ellipsis;max-width:140px;font-size:12px;overflow:hidden}.library-item small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.new-playlist{color:#8e9587;align-items:center;gap:10px;padding:13px 0;font-size:12px;display:flex}.sidebar-bottom{margin-top:auto;padding-top:25px}.discovery-card{background:#1b2019;border:1px solid #30372a;border-radius:10px;margin-bottom:23px;padding:19px 15px}.discovery-card>svg{color:var(--lime);margin-bottom:16px}.discovery-card strong{font-size:13px;line-height:1.65;display:block}.discovery-card p{color:#939b8b;font-size:10px;line-height:1.5}.discovery-card button{width:100%;color:var(--lime);justify-content:space-between;align-items:center;padding:10px 0 0;font-size:11px;display:flex}.profile{border-top:1px solid var(--line);align-items:center;gap:11px;padding:19px 0;font-size:11px;display:flex}.profile>span,.avatar{color:#d4e1bd;background:#343d2c;border:1px solid #4b5440;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.profile small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.profile>svg{color:#89937e;margin-left:auto}main{min-height:100vh;margin-left:240px;padding-bottom:100px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;padding:0 42px;display:flex}.breadcrumb{color:#92988a;font-size:11px}.breadcrumb span{color:#59614f;margin:0 14px}.breadcrumb strong{color:#d4d9cd;font-weight:400}.top-actions{align-items:center;gap:23px;display:flex}.demo-pill{color:#a1aa95;align-items:center;gap:7px;font-size:10px;display:flex}.demo-pill>span{background:var(--lime);border-radius:50%;width:5px;height:5px}.avatar{width:31px;height:31px;font-size:11px}.main-content{max-width:1440px;margin:auto;padding:35px 42px 0}.section-intro{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.eyebrow{color:var(--lime);letter-spacing:2.5px;margin:0 0 13px;font-size:9px;font-weight:700}h1{letter-spacing:-1.5px;margin:0 0 12px;font-size:39px;font-weight:600;line-height:1.1}.section-intro p:not(.eyebrow){color:#92988c;margin:0;font-size:12px;line-height:1.6}.today{letter-spacing:1.4px;color:#a6ac9d;align-items:center;gap:16px;font-size:8px;display:flex}.today>span{color:var(--lime);font-size:36px}.hero{isolation:isolate;background:#353e30;border-radius:11px;min-height:333px;margin-bottom:34px;position:relative;overflow:hidden}.hero-art{z-index:-1;background:linear-gradient(110deg,#222b23 10%,#414a37 52%,#9a9e76);position:absolute;inset:0;overflow:hidden}.sun{background:linear-gradient(#e2dfaa,#b4bc88);border-radius:50%;width:200px;height:200px;position:absolute;top:-44px;right:18%;box-shadow:0 0 100px #d3d49c25}.ridge{clip-path:polygon(29% 100%,42% 78%,54% 77%,65% 50%,76% 59%,88% 28%,100% 38%,100% 100%);background:linear-gradient(145deg,#727c54,#273c30);position:absolute;inset:0}.ridge-back{opacity:.7;transform:translateY(-40px)}.ridge-front{clip-path:polygon(33% 100%,54% 75%,67% 84%,80% 54%,94% 65%,100% 50%,100% 100%);background:linear-gradient(125deg,#3b4c38,#1d332a)}.hero-lines{opacity:.14;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#fff1 4px);position:absolute;inset:0}.hero-content{padding:31px 36px}.hero-kicker{letter-spacing:2px;color:#e5e9d3;align-items:center;gap:7px;font-size:8px;display:flex}.hero-kicker>span{background:var(--lime);border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:-2px;margin:21px 0 13px;font-size:53px;font-weight:500;line-height:1.03}.hero h2 em{color:#e0e6c7;font-family:Georgia,serif;font-weight:400}.hero p{color:#b3bca8;margin:0 0 19px;font-size:11px;line-height:1.7}.primary{background:var(--lime);color:#182014;border-radius:24px;justify-content:center;align-items:center;gap:9px;padding:12px 21px;font-size:11px;font-weight:700;display:inline-flex}.primary:hover{color:#182014;background:#ddffa3;transform:translateY(-1px)}.hero-meta{letter-spacing:1.5px;color:#b4bba4;margin-left:19px;font-size:7px;display:inline-block}.hero-stamp{color:#d7dfb7;letter-spacing:-3px;opacity:.8;font-size:59px;font-weight:800;line-height:.85;position:absolute;bottom:35px;right:43px;transform:rotate(-7deg)}.hero-stamp span{letter-spacing:1.4px;margin-top:16px;font-size:6px;display:block}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;display:flex}.section-heading h2{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:500}.section-heading h2>span{color:var(--lime);margin-left:12px;font-size:19px}.section-heading p{color:var(--muted);margin:8px 0 0;font-size:11px}.section-heading>button:not(.primary){color:#b8c1ad;align-items:center;gap:7px;font-size:10px;display:flex}.filters{gap:7px;margin:20px 0;display:flex}.filters button{color:#a3aa9b;border:1px solid #33382e;border-radius:20px;padding:7px 15px;font-size:10px}.filters button.selected{color:#25301e;background:#dae8c8;border-color:#dae8c8}.mix-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;display:grid}.mix-card{min-width:0}.mix-art{aspect-ratio:1;border-radius:7px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.mix-art img{width:100%;height:100%;transition:transform .3s;display:block}.mix-art:hover img{transform:scale(1.05)}.card-arrow{background:var(--lime);color:#1c2416;opacity:0;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid;position:absolute;bottom:9px;right:9px;transform:translateY(5px)}.mix-art:hover .card-arrow,.mix-art:focus-visible .card-arrow{opacity:1;transform:none}.mix-name{text-align:left;padding:13px 0 0;font-size:12px;font-weight:600}.mix-card p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.4}.lower{margin-top:36px}.subtle{letter-spacing:1.8px;color:#737d69;font-size:7px}.track-table{width:100%}.table-head,.track-row{grid-template-columns:33px minmax(160px,1fr) minmax(90px,.6fr) 70px 82px;align-items:center;gap:7px;display:grid}.table-head{color:#838c78;border-bottom:1px solid var(--line);padding:0 10px 13px;font-size:9px}.track-row{border-radius:6px;min-height:59px;padding:9px 10px}.track-row:hover{background:#20251c}.row-play{color:#89937e;place-items:center;width:26px;font-size:10px;display:grid}.row-play>svg{display:none}.track-row:hover .row-play>svg{display:block}.track-row:hover .number{display:none}.track-title{text-align:left;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.track-title img{border-radius:4px;width:37px;height:37px}.track-title>span{overflow:hidden}.track-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.track-title small{color:#818c75;margin-top:5px;font-size:9px;display:block}.album-name,.duration{color:#929b86;font-size:10px}.is-playing .track-title strong,.equalizer{color:var(--lime)}.row-actions{color:#89937e;justify-content:flex-end;align-items:center;gap:9px;display:flex}.row-actions button{padding:3px}.liked,.enabled{color:var(--lime)!important}.content-footer{border-top:1px solid var(--line);color:#626e57;align-items:center;gap:16px;margin-top:35px;padding:23px 0 20px;font-size:9px;display:flex}.mini-brand{color:#a5b096;letter-spacing:-.8px;font-size:17px;font-weight:700}.content-footer>span:last-child{margin-left:auto}.player{z-index:50;background:#10140f;border-top:1px solid #333b2b;align-items:center;gap:30px;height:96px;padding:0 26px;display:flex;position:fixed;inset:auto 0 0}.now-playing{align-items:center;gap:13px;width:calc(28% - 15px);min-width:210px;display:flex}.now-playing>img{border-radius:5px;width:54px;height:54px}.now-playing strong{font-size:11px;font-weight:500;display:block}.now-playing small{color:#869579;margin-top:6px;font-size:9px;display:block}.now-playing>button{color:#8d9e80;margin-left:13px}.player-center{flex:1;max-width:590px;margin:auto}.playback-controls{color:#b6c3a9;justify-content:center;align-items:center;gap:22px;display:flex}.main-play{background:var(--lime);color:#162010;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.main-play:hover{color:#162010;background:#e0ffb1}.timeline{color:#8e9e80;align-items:center;gap:12px;margin-top:9px;font-size:8px;display:flex}input[type=range]{appearance:none;height:3px;accent-color:var(--lime);cursor:pointer;background:#45523a;border-radius:4px;min-width:0}.timeline input{background:linear-gradient(to right,var(--lime) var(--progress),#45523a var(--progress));flex:1}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--lime);border-radius:50%;width:9px;height:9px}.player-extra{color:#93a184;justify-content:flex-end;align-items:center;gap:13px;width:24%;display:flex}.player-extra input{width:82px}.divider{background:#303b27;width:1px;height:17px;margin:0 4px}.queue-panel{z-index:40;background:#1b2117;border-left:1px solid #39432e;width:330px;padding:25px;position:fixed;top:82px;bottom:96px;right:0;overflow:auto;box-shadow:-20px 0 60px #0005}.queue-panel>p{color:#8a987b;letter-spacing:1.4px;margin:30px 0 15px;font-size:8px}.queue-track{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.queue-track img{border-radius:4px;width:41px;height:41px}.queue-track span{flex:1;font-size:11px}.queue-track small{color:#8b997e;margin-top:6px;font-size:9px;display:block}.queue-track.current{color:var(--lime)}.search-box{max-width:650px;color:var(--lime);background:#242c1f;border:1px solid #4a5540;border-radius:9px;align-items:center;gap:13px;margin:29px 0 25px;padding:15px 19px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:none;font-size:15px}.search-box input::placeholder{color:#808e73}.results-title{margin:33px 0 27px;font-size:22px;font-weight:500}.playlist-heading{align-items:center;gap:30px;margin:32px 0 40px;display:flex}.playlist-heading>img,.playlist-symbol{border-radius:10px;flex-shrink:0;width:180px;height:180px}.playlist-symbol{color:#e6f3d5;background:linear-gradient(140deg,#647d4b,#27351c);place-items:center;display:grid}.playlist-heading h1{overflow-wrap:anywhere;margin-top:12px;font-size:46px;line-height:1.15}.playlist-heading p{color:#a2ae96;font-size:12px}.playlist-controls{align-items:center;gap:15px;margin-top:20px;display:flex}.delete-playlist{color:#a7b19c;padding:9px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px;display:grid}.collection-card{text-align:left;background:#232c1c;border:1px solid #37432c;border-radius:10px;min-height:220px;padding:20px}.collection-card img{aspect-ratio:1.5;border-radius:5px;width:100%}.collection-card h2{overflow-wrap:anywhere;font-size:22px}.collection-card p{color:#a9b99b;font-size:12px}.liked-collection{background:linear-gradient(140deg,#514b80,#536c46)}.liked-collection svg{margin:15px 0 24px}.storage-note{color:#a3ae98;margin-top:25px;font-size:12px;line-height:1.8}.empty-state{text-align:center;color:#a8b59b;background:#1c2418;border-radius:12px;padding:55px 20px}.empty-state>svg{color:var(--lime);margin:auto}.empty-state h2{color:#e0e8d8;font-size:22px;font-weight:500}.empty-state p{font-size:12px}.empty-state button{color:var(--lime);align-items:center;gap:8px;margin-top:15px;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#232c1e;border:1px solid #526044;border-radius:18px;width:430px;max-width:100%;max-height:85vh;padding:35px;position:relative;overflow:auto;box-shadow:0 30px 80px #0007}.modal-close{color:#a6b597;position:absolute;top:18px;right:18px}.modal-icon{color:var(--lime);background:#3a4a2c;border-radius:14px;place-items:center;width:55px;height:55px;margin-bottom:25px;display:grid}.modal h2{letter-spacing:-1px;font-size:27px;font-weight:500}.modal p{color:#a9b79c;font-size:12px}.modal form label{color:#b1bda6;margin:27px 0 9px;font-size:11px;display:block}.modal form input{color:#fff;background:#161e12;border:1px solid #57634a;border-radius:7px;width:100%;margin-bottom:22px;padding:14px;display:block}.modal .primary{margin-top:13px}.playlist-option{text-align:left;border-bottom:1px solid #3b4732;align-items:center;gap:10px;width:100%;padding:15px 0;font-size:13px;display:flex}.playlist-option>svg:last-child{margin-left:auto}.toast,.error-toast{background:var(--lime);color:#1d2914;z-index:110;border-radius:9px;align-items:center;gap:10px;padding:14px 23px;font-size:12px;display:flex;position:fixed;bottom:114px;left:50%;transform:translate(-50%);box-shadow:0 5px 35px #0005}.error-toast{background:#f0c5a9;max-width:90vw}.mobile-nav{display:none}@media (width>=1550px){.main-content{padding-top:44px}.hero{min-height:390px}.hero h2{font-size:66px}.hero-content{padding:37px 42px}.hero p{font-size:13px}.hero-meta{font-size:8px}.hero-stamp{font-size:76px;right:70px}.mix-grid{gap:24px}.mix-name{font-size:14px}.mix-card p{font-size:11px}.section-intro{margin-bottom:35px}.section-heading h2{font-size:24px}}@media (width<=1150px){.sidebar{width:205px;padding-left:18px;padding-right:18px}main{margin-left:205px}.topbar{padding:0 27px}.main-content{padding:28px 27px 0}.today{display:none}.mix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.hero-meta{display:none}.hero-stamp{font-size:50px}.player{gap:15px;padding:0 19px}.now-playing{width:27%;min-width:190px}.player-extra{gap:8px;width:18%}.player-extra input{width:55px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-row,.table-head{grid-template-columns:25px minmax(150px,1fr) minmax(70px,.5fr) 42px 72px}.now-playing>button{margin-left:0}.now-playing>img{width:45px;height:45px}}@media (height<=850px) and (width>=761px){.discovery-card{display:none}.sidebar{overflow-y:auto}.brand{margin-bottom:35px}}@media (width<=760px){.sidebar{display:none}main{margin-left:0;padding-bottom:160px}.topbar{height:65px;padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 8px}.demo-pill{display:none}.main-content{padding:29px 20px 0}.eyebrow{font-size:8px}h1{font-size:34px}.section-intro p:not(.eyebrow){max-width:270px;font-size:11px}.section-intro{margin-bottom:25px}.hero{min-height:330px;margin-bottom:29px}.hero-content{padding:28px 24px}.hero h2{font-size:46px}.hero-stamp{opacity:.5;font-size:35px;bottom:33px;right:20px}.hero-stamp span{max-width:110px;font-size:5px;line-height:1.5}.sun{width:170px;height:170px;top:0;right:-40px}.section-heading h2{max-width:250px;font-size:18px}.section-heading h2>span{display:none}.section-heading p{font-size:10px}.section-heading>button:not(.primary){white-space:nowrap;font-size:9px}.mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.mix-name{font-size:13px}.mix-card p{font-size:10px}.card-arrow{opacity:1;width:27px;height:27px;transform:none}.card-arrow svg{width:17px}.subtle{display:none}.table-head,.track-row{grid-template-columns:22px minmax(0,1fr) 60px;gap:5px;padding-left:0;padding-right:0}.table-head>span:nth-child(3),.table-head>span:nth-child(4),.album-name,.duration{display:none}.track-title{gap:9px}.track-title strong{font-size:11px}.track-title small{font-size:9px}.row-actions{gap:4px}.player{border-top:1px solid #47543a;gap:8px;height:79px;padding:9px 14px;bottom:57px}.now-playing{flex:1;gap:9px;width:auto;min-width:0}.now-playing>img{width:42px;height:42px}.now-playing>div{min-width:0}.now-playing strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:10px;overflow:hidden}.now-playing small{font-size:8px}.now-playing>button{display:none}.player-center{flex:none;margin:0}.playback-controls{gap:11px}.playback-controls>button:first-child,.playback-controls>button:nth-child(2),.playback-controls>button:last-child{display:none}.timeline{gap:0;margin:0;position:absolute;bottom:7px;left:14px;right:14px}.timeline span{display:none}.timeline input{height:2px}.timeline input::-webkit-slider-thumb{width:6px;height:6px}.main-play{width:32px;height:32px}.player-extra{gap:0;width:auto}.player-extra>:not(:first-child){display:none}.mobile-nav{z-index:60;background:#10140f;border-top:1px solid #283221;justify-content:space-around;align-items:center;height:57px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#92a37f;flex-direction:column;align-items:center;gap:4px;padding:5px 20px;font-size:8px;display:flex}.content-footer{flex-wrap:wrap;gap:10px}.content-footer>span:last-child{width:100%;margin-left:0}.queue-panel{width:min(330px,100%);top:65px;bottom:136px}.playlist-heading{align-items:flex-start;gap:17px;margin-top:27px}.playlist-heading>img,.playlist-symbol{width:105px;height:105px}.playlist-heading h1{letter-spacing:-1px;font-size:27px}.playlist-heading .eyebrow{letter-spacing:1px;font-size:7px}.playlist-heading p{font-size:10px}.playlist-controls{flex-wrap:wrap;gap:5px;margin-top:13px}.playlist-controls .primary{padding:10px 14px;font-size:10px}.collection-grid{gap:12px}.collection-card{min-height:180px;padding:14px}.collection-card h2{font-size:19px}.collection-card p{font-size:10px}.toast,.error-toast{width:max-content;max-width:90%;font-size:11px;bottom:152px}.modal{padding:29px}.search-box{padding:14px}.search-box input{font-size:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.cloud-strip{background:#1d2618;border:1px solid #38482b;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 30px;padding:14px 18px;display:flex}.cloud-strip>div{color:var(--lime);align-items:center;gap:12px;display:flex}.cloud-strip strong{color:#e1ebd7;font-size:11px;font-weight:500;display:block}.cloud-strip small{color:#a2b293;overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.cloud-strip>button{color:var(--lime);white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.account-text-button{color:var(--lime);text-align:left;margin-top:20px;padding:0;font-size:12px;display:block}.account-note{line-height:1.7;margin-top:25px!important;font-size:10px!important}.account-message{background:#303f25;border-radius:8px;align-items:flex-start;gap:9px;padding:13px;line-height:1.7;display:flex;font-size:12px!important}.account-message svg{flex-shrink:0;margin-top:3px}.account-modal .playlist-option{line-height:1.6}@media (width<=760px){.cloud-strip{gap:10px;margin-bottom:25px;padding:12px}.cloud-strip small{max-width:235px;font-size:9px;line-height:1.6}.cloud-strip strong{font-size:10px}.cloud-strip>div{gap:8px}.cloud-strip>button{font-size:10px}}.youtube-section{background:#1b2118;border:1px solid #35412d;border-radius:12px;margin-bottom:32px;padding:25px}.youtube-section h2{align-items:center;gap:10px;display:flex}.youtube-section h2 svg{color:#f68076}.youtube-badge{color:#d9b9b2;white-space:nowrap;border:1px solid #61463e;border-radius:15px;padding:6px 10px;font-size:9px}.youtube-search{background:#11170e;border:1px solid #4b5b3d;border-radius:9px;align-items:center;gap:12px;margin-top:22px;padding:8px 9px 8px 15px;display:flex}.youtube-search input,.youtube-link input{color:#edf4e6;min-width:0;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:12px}.youtube-search select{color:#e2edd9;background:#293420;border:1px solid #4a583c;border-radius:5px;max-width:150px;padding:9px;font-size:11px}.youtube-link{color:#8fa27e;align-items:center;gap:10px;margin-top:10px;display:flex}.youtube-link button{white-space:nowrap;color:var(--lime);align-items:center;gap:7px;font-size:11px;display:flex}.youtube-link input{font-size:11px}.youtube-message{color:#f2d8a9;background:#3f3324;border-radius:6px;padding:13px;font-size:12px;line-height:1.6}.youtube-hint{color:#9aa98d;margin-top:15px;font-size:10px;line-height:1.7}.youtube-results{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.youtube-result{text-align:left;background:#26301f;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.youtube-result img{aspect-ratio:16/9;border-radius:5px;width:100px}.youtube-result>span{flex:1;min-width:0}.youtube-result strong{font-size:12px;font-weight:500;line-height:1.5;display:block}.youtube-result small{color:#9eaf90;margin-top:6px;font-size:10px;display:block}.youtube-player{max-width:850px;margin-top:22px;scroll-margin-top:25px}.youtube-player-heading{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.youtube-player-heading strong{font-size:13px}.youtube-player-heading small{color:#a6b399;margin-top:5px;font-size:10px;display:block}.youtube-player iframe{aspect-ratio:16/9;background:#000;border:none;border-radius:8px;width:100%;min-height:220px}.youtube-player a{color:var(--lime);align-items:center;gap:7px;padding:13px 0;font-size:10px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.youtube-section{padding:17px}.youtube-section h2{font-size:17px;line-height:1.4}.youtube-badge{display:none}.youtube-search{flex-wrap:wrap;gap:8px;padding:10px}.youtube-search input{flex-basis:calc(100% - 36px);font-size:11px}.youtube-search select{flex:1;max-width:none}.youtube-search .primary{padding:10px 18px}.youtube-results{grid-template-columns:1fr}.youtube-result img{width:88px}.youtube-link{flex-wrap:wrap}.youtube-link input{font-size:10px}.youtube-player iframe{min-height:205px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}