@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@layer components;@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;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-950:oklch(27.9% .077 45.635);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-950:oklch(25.7% .09 281.288);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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 utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.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,)}.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,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{color:#282b3a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#292b3a;--muted:#838397;--soft:#aaabbc;--purple:#8f76d8;--purple-deep:#725bbd;--lavender:#ddd8f8;--pink:#f1d8df;--panel:#ffffff9e;--panel-strong:#ffffffd1;--line:#443e631c;--line-strong:#443e632b;--shadow:0 24px 80px #6e659d26;--radius:21px;background:#e9e8f6;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#e9e8f6;min-width:320px;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--purple);outline-offset:3px}img{max-width:100%;display:block}.app-shell{background:radial-gradient(circle at 7% 5%,#ffffffa6,#0000 27%),radial-gradient(circle at 91% 0,#f7d5e2b3,#0000 32%),linear-gradient(135deg,#e3e6f7 0%,#f1e7ef 52%,#e4e7f7 100%);grid-template-columns:194px minmax(0,1fr) 226px;min-height:100vh;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(80px);pointer-events:none;z-index:0;border-radius:999px;position:fixed}.ambient-one{opacity:.27;background:#c8b9ed;width:340px;height:340px;top:-240px;left:28%}.ambient-two{opacity:.25;background:#f3b6c8;width:300px;height:300px;bottom:-180px;right:17%}.sidebar,.main-column,.activity-rail{z-index:1;position:relative}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7ff59;border-right:1px solid #5d587f1a;flex-direction:column;gap:27px;min-height:100vh;padding:30px 17px 22px;transition:width .25s,padding .25s;display:flex}.sidebar-top,.sidebar-footer,.sidebar-playlist-head,.desktop-toolbar,.section-header{justify-content:space-between;align-items:center;display:flex}.logo-lockup{align-items:center;gap:9px;min-width:0;display:inline-flex}.logo-wordmark{color:#46455b;letter-spacing:.19em;white-space:nowrap;font-size:11px;font-weight:800}.logo-wordmark b{color:var(--purple-deep)}.logo-mark{background:#ffffff57;border:1px solid #745cbc40;border-radius:9px;justify-content:center;align-items:center;gap:2px;width:27px;height:27px;display:inline-flex;transform:rotate(-7deg)}.logo-mark i{background:var(--purple);border-radius:4px;width:2px;display:block}.logo-mark i:first-child{height:8px}.logo-mark i:nth-child(2){height:15px}.logo-mark i:nth-child(3){height:11px}.logo-mark i:nth-child(4){height:6px}.logo-compact .logo-mark{margin:0 auto}.icon-button{width:31px;height:31px;color:var(--soft);background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.icon-button:hover,.icon-button.is-active{color:var(--ink);background:#ffffff8f}.icon-button.is-active{color:var(--purple-deep)}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-label,.eyebrow{color:#a1a0b2;letter-spacing:.15em;text-transform:uppercase;font:500 9px/1 DM Mono,monospace}.nav-label{padding:0 11px 9px}.nav-item{color:#858498;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-size:11px;transition:all .18s;display:flex}.nav-item:hover{color:var(--ink);background:#fff6}.nav-item.is-active{color:#6d58b2;background:#ffffffc4;box-shadow:0 5px 15px #7160a614}.nav-item span:nth-child(2){flex:1}.nav-count{color:#b2b0c0;font-size:10px}.sidebar-playlists{flex:1;min-height:0;overflow:auto}.sidebar-playlist-head{margin-bottom:9px}.sidebar-playlist-head .nav-label{padding:0 0 0 11px}.sidebar-playlist{color:#8a899e;text-align:left;white-space:nowrap;background:0 0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:7px 10px;font-size:10px;display:flex;overflow:hidden}.sidebar-playlist:hover{color:var(--ink);background:#fff6}.playlist-dot{background:linear-gradient(145deg,#d5ccf1,#f1bfc9) 50%/cover;border-radius:7px;flex:none;width:23px;height:23px}.sidebar-actions{gap:8px;display:grid}.import-button,.spotify-connect-button{text-align:left;border-radius:11px;align-items:center;gap:9px;width:100%;padding:11px;font-size:10px;display:flex}.import-button{color:#7058b7;background:#cdc1f485;border:1px solid #7c67c114}.import-button:hover{background:#ccbff5d1}.spotify-connect-button{color:#77718f;background:#ffffff59}.spotify-connect-button:hover{color:var(--purple-deep);background:#ffffffb3}.sidebar-footer{border-top:1px solid var(--line);gap:8px;padding-top:16px}.sidebar-footer>span{flex:1;gap:3px;min-width:0;display:grid}.sidebar-footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.sidebar-footer small{color:var(--soft);font-size:8px}.profile-avatar,.profile-avatar-image{object-fit:cover;border-radius:9px;flex:none;width:27px;height:27px}.profile-avatar{color:#fff;background:linear-gradient(145deg,#9d87e5,#e6a5b9);justify-content:center;align-items:center;font-size:9px;font-weight:800;display:inline-flex}.profile-avatar.large{border-radius:13px;width:38px;height:38px}.sidebar-is-collapsed{grid-template-columns:67px minmax(0,1fr) 226px}.sidebar-is-collapsed .sidebar{align-items:center;padding-inline:11px}.sidebar-is-collapsed .logo-wordmark,.sidebar-is-collapsed .nav-label,.sidebar-is-collapsed .nav-item span,.sidebar-is-collapsed .sidebar-playlists,.sidebar-is-collapsed .sidebar-actions span,.sidebar-is-collapsed .sidebar-footer>span,.sidebar-is-collapsed .sidebar-footer>svg{display:none}.sidebar-is-collapsed .nav-item,.sidebar-is-collapsed .import-button,.sidebar-is-collapsed .spotify-connect-button{justify-content:center;width:40px;padding-inline:0}.main-column{min-width:0;min-height:100vh}.history-buttons{gap:2px;display:flex}.toolbar-search{color:#a5a4b4;text-align:left;background:#ffffff6b;border:1px solid #5c53831a;border-radius:10px;align-items:center;gap:9px;width:min(260px,33vw);padding:9px 11px;font-size:10px;display:flex}.toolbar-search span{flex:1}.toolbar-search kbd,.search-input-wrap kbd{color:#a8a5b6;border:1px solid var(--line-strong);border-radius:5px;padding:3px 5px;font:9px DM Mono,monospace}.toolbar-spacer{flex:1}.toolbar-icon{color:#9694a8;background:0 0}.toolbar-icon:hover{color:var(--purple-deep)}.toolbar-profile{color:#76758a;background:0 0;align-items:center;gap:8px;font-size:10px;display:flex}.toolbar-profile img{object-fit:cover;border-radius:9px;width:28px;height:28px}.page{max-width:930px;margin:0 auto}.page h1,.page h2,.page p{margin:0}.explore-stage{min-height:300px;box-shadow:var(--shadow);background:#ffffff87;border:1px solid #705fa91f;border-radius:26px;align-items:center;padding:37px 40px;display:flex;position:relative;overflow:hidden}.explore-stage:after{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff1f,#d7cdf32e);position:absolute;inset:0}.explore-copy{z-index:2;max-width:510px;position:relative}.explore-copy h1{color:#303040;letter-spacing:-.09em;margin-top:18px;font-size:clamp(53px,7vw,86px);font-weight:700;line-height:.85}.explore-copy h1 span{color:var(--purple)}.explore-copy p{color:#87869a;max-width:285px;margin-top:19px;font-size:12px;line-height:1.65}.explore-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:10px;font-weight:700;transition:all .18s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#9e87e5,#806bc8);box-shadow:0 8px 20px #7f67c933}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 25px #7f67c947}.secondary-button{color:#7462a7;background:#ffffffad;border:1px solid #705ead24}.secondary-button:hover{color:var(--purple-deep);background:#fff}.feature-art-wrap{z-index:2;width:218px;height:246px;position:absolute;top:24px;right:8%;transform:rotate(4deg)}.feature-art-backdrop{filter:blur(32px);opacity:.27;border-radius:50%;position:absolute;inset:24px -15px -18px}.feature-art{object-fit:cover;border-radius:19px;width:100%;height:100%;position:relative;box-shadow:0 23px 40px #57477b3d}.feature-caption{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2d263d42;border:1px solid #ffffff73;border-radius:12px;gap:4px;padding:11px 12px;display:grid;position:absolute;bottom:13px;left:13px;right:13px}.feature-caption .eyebrow{color:#ffffffb3;font-size:7px}.feature-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.feature-caption span:last-child{text-overflow:ellipsis;white-space:nowrap;color:#ffffffbf;font-size:9px;overflow:hidden}.featured-orbit{border:1px solid #876cc92b;border-radius:50%;position:absolute;transform:rotate(-29deg)}.orbit-a{width:430px;height:200px;top:-15px;right:-6%}.orbit-b{opacity:.6;width:520px;height:235px;top:-30px;right:-15%}.home-page section:not(.explore-stage),.search-results>.section-header,.settings-groups{margin-top:41px}.section-header{align-items:flex-end;margin-bottom:17px}.section-header h2{color:#3b3b4c;letter-spacing:-.045em;margin-top:7px;font-size:17px}.text-button{color:#9190a2;background:0 0;align-items:center;gap:5px;font-size:9px;display:inline-flex}.text-button:hover{color:var(--purple-deep)}.release-layout{background:#ffffff6b;border:1px solid #6556971a;border-radius:18px;grid-template-columns:205px minmax(0,1fr);align-items:center;gap:23px;padding:15px;display:grid}.release-cover{aspect-ratio:1;border-radius:14px;overflow:hidden;box-shadow:0 13px 27px #6f609729}.release-cover .artwork{width:100%;height:100%}.release-tracklist{min-width:0;padding-right:9px}.track-list{border-top:1px solid var(--line)}.track-row{border-bottom:1px solid var(--line);border-radius:10px;grid-template-columns:31px minmax(180px,1.2fr) minmax(100px,.75fr) 92px 48px;align-items:center;gap:8px;min-height:59px;padding:7px 8px;transition:background .18s;display:grid}.release-tracklist .track-row{grid-template-columns:30px minmax(180px,1fr) 38px}.track-row:hover,.track-row.is-current{background:#ffffff94}.track-row.is-current{box-shadow:inset 2px 0 0 var(--purple)}.track-index{color:#aaa8b9;text-align:center;font:9px DM Mono,monospace}.track-main{min-width:0;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:10px;display:flex}.track-art{border-radius:9px;flex:none;width:39px;height:39px}.track-copy{gap:4px;min-width:0;display:grid}.track-copy strong,.track-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-copy strong{color:#424155;font-size:10px}.track-copy span{color:#9997aa;font-size:9px}.track-album{color:#9997aa;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.track-actions{opacity:0;justify-content:flex-end;display:flex}.track-row:hover .track-actions,.track-row.is-current .track-actions{opacity:1}.track-duration{color:#aaa8b9;text-align:right;font:9px DM Mono,monospace}.track-row-compact .track-actions .icon-button:nth-child(2),.track-row-compact .track-actions .icon-button:nth-child(3){display:none}.playing-bars,.eq-mark{align-items:center;gap:2px;height:14px;display:inline-flex}.playing-bars i,.eq-mark i{background:var(--purple);border-radius:4px;width:2px;height:7px}.playing-bars i:nth-child(2),.eq-mark i:nth-child(2){height:12px}.playing-bars i:nth-child(3),.eq-mark i:nth-child(3){height:5px}.source-pill{color:#806fc1;text-transform:uppercase;letter-spacing:.08em;background:#d8cff7a8;border-radius:99px;width:fit-content;padding:4px 7px;font:8px DM Mono,monospace;display:inline-flex}.source-local{color:#708f83;background:#d9ede2}.source-catalog{color:#a16773;background:#f3dce2}.card-row,.playlist-row{scrollbar-width:none;grid-auto-columns:minmax(139px,1fr);grid-auto-flow:column;gap:14px;padding:3px 2px 10px;display:grid;overflow-x:auto}.card-row::-webkit-scrollbar{display:none}.playlist-row::-webkit-scrollbar{display:none}.track-card{min-width:0;position:relative}.card-art-wrap{aspect-ratio:1;background:#d5d2e4;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 10px 22px #6255891f}.artwork{object-fit:cover;width:100%;height:100%}.artwork-generated{color:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.artwork-generated span{letter-spacing:-.1em;font-size:43px;font-weight:800}.artwork-empty{color:#a7a4b8;background:#dddbea;justify-content:center;align-items:center;display:flex}.card-art{transition:transform .35s}.track-card:hover .card-art{transform:scale(1.045)}.card-play{color:#fff;background:var(--purple);opacity:0;border-radius:50%;place-items:center;width:33px;height:33px;transition:all .2s;display:grid;position:absolute;bottom:9px;right:9px;transform:translateY(5px);box-shadow:0 8px 15px #5e4a9f40}.track-card:hover .card-play,.track-card.is-current .card-play{opacity:1;transform:translateY(0)}.card-title{color:#464457;text-overflow:ellipsis;white-space:nowrap;margin:11px 2px 4px;font-size:10px;font-weight:700;overflow:hidden}.card-subtitle{color:#9a98aa;text-overflow:ellipsis;white-space:nowrap;margin:0 2px;font-size:9px;overflow:hidden}.card-queue{color:#9c99ad;opacity:0;background:0 0;align-items:center;gap:4px;margin:8px 2px 0;font-size:9px;display:flex}.track-card:hover .card-queue{opacity:1}.playlist-row{grid-auto-columns:minmax(206px,1fr)}.playlist-card{color:#4c4a5c;text-align:left;background:#ffffff80;border:1px solid #6556971a;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:9px;display:flex}.playlist-card:hover{background:#ffffffc7;border-color:#65569733}.playlist-card img{object-fit:cover;border-radius:10px;flex:none;width:54px;height:54px}.playlist-card span{flex:1;gap:4px;min-width:0;display:grid}.playlist-card strong,.playlist-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-card strong{font-size:10px}.playlist-card small{color:#9a98aa;font-size:9px}.playlist-card>svg{color:#9d99ae;flex:none}.activity-rail{background:#f7f7ff42;border-left:1px solid #5d587f1a;min-width:0;min-height:100vh;padding:33px 17px 130px}.rail-heading h2{color:#363546;letter-spacing:-.05em;margin-top:8px;font-size:19px}.profile-card{background:#ffffff8c;border:1px solid #695b991a;border-radius:14px;align-items:center;gap:10px;margin-top:22px;padding:10px;display:flex}.profile-card img{object-fit:cover;border-radius:12px;width:37px;height:37px}.profile-card div:last-child{gap:4px;min-width:0;display:grid}.profile-card strong{color:#525064;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.profile-card span{color:#aaa8b6;font-size:8px}.rail-section{margin-top:27px}.rail-label{color:#a09eae;letter-spacing:.11em;text-transform:uppercase;font:9px DM Mono,monospace}.activity-item{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:11px 0;display:flex}.activity-art{border-radius:8px;flex:none;width:30px;height:30px}.activity-item span{flex:1;gap:3px;min-width:0;display:grid}.activity-item strong,.activity-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-item strong{color:#5c596d;font-size:9px}.activity-item small{color:#aaa8b8;font-size:8px}.activity-item>svg{color:#aaa5b7}.connect-rail{text-align:center;background:#ffffff47;border:1px dashed #6556972e;border-radius:16px;justify-items:center;margin-top:24px;padding:23px 12px;display:grid}.connect-icon{width:43px;height:43px;color:var(--purple);background:#d6caf78c;border-radius:14px;place-items:center;display:grid}.connect-rail h3{color:#5a586a;margin:13px 0 6px;font-size:12px}.connect-rail p{color:#9b99aa;font-size:9px;line-height:1.6}.activity-note{color:#9794a8;align-items:center;gap:6px;margin-top:13px;font-size:8px;line-height:1.4;display:flex}.activity-dot{background:#91b99f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #91b99f26}.rail-footer{color:#aaa8b7;border-top:1px solid var(--line);align-items:flex-start;gap:8px;margin-top:34px;padding-top:15px;font-size:8px;line-height:1.5;display:flex}.rail-footer svg{color:var(--purple);flex:none}.queue-panel{display:none}.desktop-player{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #64549624;border-radius:16px;grid-template-columns:minmax(170px,.8fr) minmax(300px,1.45fr) minmax(130px,.65fr);align-items:center;gap:22px;min-height:66px;padding:9px 15px;display:grid;position:fixed;bottom:15px;left:194px;right:226px;box-shadow:0 16px 45px #685c8f2e}.player-track{min-width:0;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:9px;display:flex}.player-track>span{gap:4px;min-width:0;display:grid}.player-track strong,.player-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-track small{color:#9c99aa;font-size:9px}.player-art{border-radius:9px;flex:none;width:45px;height:45px}.player-controls{gap:5px;min-width:0;display:grid}.player-controls>div:first-child{justify-content:center;align-items:center;gap:3px;display:flex}.player-play{color:#fff;background:var(--purple);border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.player-progress{color:#a09dad;grid-template-columns:29px minmax(0,1fr) 29px;align-items:center;gap:8px;font:8px DM Mono,monospace;display:grid}.player-progress span:last-child{text-align:right}.player-progress input,.full-secondary input,.seek-wrap input{appearance:none;background:linear-gradient(to right, var(--purple) var(--range-progress), #64588b24 var(--range-progress));cursor:pointer;border-radius:99px;width:100%;height:3px;margin:0}.player-progress input::-webkit-slider-thumb{appearance:none;background:var(--purple);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #8f76d821}.full-secondary input::-webkit-slider-thumb{appearance:none;background:var(--purple);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #8f76d821}.seek-wrap input::-webkit-slider-thumb{appearance:none;background:var(--purple);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #8f76d821}.player-actions{justify-content:flex-end;gap:2px;display:flex}.mobile-topbar,.mobile-nav,.mini-player{display:none}.page-heading{padding:37px 0 30px}.page-heading h1,.search-heading h1{color:#383747;letter-spacing:-.07em;margin-top:12px;font-size:clamp(29px,4vw,48px);line-height:1}.page-heading p,.search-heading p{color:#9694a6;margin-top:11px;font-size:11px;line-height:1.6}.split-heading{align-items:flex-end;gap:18px}.split-heading .primary-button{margin-bottom:2px}.search-heading{max-width:610px;padding:42px 0 25px}.search-input-wrap{color:#9e9bab;border:1px solid var(--line-strong);background:#ffffff94;border-radius:13px;align-items:center;gap:10px;padding:13px 15px;display:flex}.search-input-wrap:focus-within{border-color:#7e65c566;box-shadow:0 0 0 4px #7e65c512}.search-input-wrap input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-input-wrap input::placeholder{color:#aaa8b8}.search-input-wrap>button{color:#9996aa;background:0 0;place-items:center;display:grid}.spotify-callout{background:#dbd2f759;border:1px solid #846fc824;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin-top:13px;padding:12px 14px;display:flex}.spotify-callout div{gap:4px;display:grid}.spotify-callout strong{color:#625587;font-size:10px}.spotify-callout span{color:#918ca5;font-size:9px}.search-results{padding-top:7px}.search-results .section-header{margin-top:31px}.search-chips{flex-wrap:wrap;gap:10px;display:flex}.result-chip{border:1px solid var(--line);background:#ffffff57;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:190px;padding:8px;display:flex}.result-chip img{object-fit:cover;border-radius:8px;width:40px;height:40px}.result-chip span{gap:4px;display:grid}.result-chip strong{color:#5b586a;font-size:10px}.result-chip small{color:#a09eae;font-size:8px}.search-start{text-align:center;place-content:center;justify-items:center;min-height:330px;display:grid}.search-start-icon,.empty-state>svg{width:53px;height:53px;color:var(--purple);background:#d7ccf780;border-radius:17px;place-items:center;margin-bottom:15px;display:grid}.search-start h2,.empty-state h2{color:#535164;letter-spacing:-.04em;font-size:16px}.search-start p,.empty-state p{color:#9d9aaa;max-width:310px;margin-top:9px;font-size:10px;line-height:1.6}.search-suggestions{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:18px;display:flex}.search-suggestions button{color:#8f8ca0;border:1px solid var(--line);background:#ffffff73;border-radius:99px;padding:7px 10px;font-size:9px}.search-suggestions button:hover{color:var(--purple-deep);background:#fffc}.empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:18px;place-content:center;justify-items:center;min-height:280px;padding:28px;display:grid}.empty-state>svg{padding:15px}.empty-state .primary-button{margin-top:19px}.compact-empty{min-height:210px}.skeleton-stack{border-top:1px solid var(--line)}.skeleton-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:59px;display:flex}.skeleton-row span,.skeleton-row i,.skeleton-row b,.skeleton-row em{background:linear-gradient(90deg,#d5d1e566,#ffffffd9,#d5d1e566) 0 0/200% 100%;border-radius:7px;animation:1.4s linear infinite shimmer;display:block}.skeleton-row span{width:38px;height:38px}.skeleton-row i{width:26%;height:9px}.skeleton-row b{width:16%;height:8px;margin-left:auto}.skeleton-row em{width:30px;height:8px}.playlist-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.playlist-grid .playlist-card{align-items:start;padding:11px;display:grid;position:relative}.playlist-grid .playlist-card img{aspect-ratio:1.2;border-radius:11px;width:100%;height:auto}.playlist-grid .playlist-card span{gap:5px;margin-top:7px}.playlist-grid .playlist-card>svg{position:absolute;bottom:15px;right:20px}.back-button{color:#9290a1;background:0 0;align-items:center;gap:6px;margin:26px 0 19px;font-size:10px;display:inline-flex}.back-button:hover{color:var(--ink)}.playlist-hero{align-items:flex-end;gap:21px;padding:8px 0 33px;display:flex}.playlist-hero img{object-fit:cover;border-radius:17px;width:170px;height:170px;box-shadow:0 15px 30px #64538f2e}.playlist-hero h1{color:#383747;letter-spacing:-.08em;margin-top:12px;font-size:clamp(28px,5vw,50px);line-height:.95}.playlist-hero p{color:#9b99aa;margin-top:9px;font-size:11px}.playlist-meta{color:#aba8b9;margin-top:14px;font-size:9px;display:block}.playlist-actions{align-items:center;gap:5px;margin-top:19px;display:flex}.main-play{color:#fff;background:var(--purple);border-radius:50%;justify-content:center;align-items:center;width:51px;height:51px;display:inline-flex;box-shadow:0 8px 18px #7e63c338}.main-play.small{border-radius:9px;gap:6px;width:auto;height:33px;padding:0 13px;font-size:10px;font-weight:700}.main-play:hover{background:var(--purple-deep)}.settings-groups{gap:12px;max-width:740px;display:grid}.settings-group{border:1px solid var(--line);background:#fff6;border-radius:16px;padding:19px}.settings-group-head{color:var(--purple);align-items:flex-start;gap:10px;margin-bottom:17px;display:flex}.settings-group-head>div{gap:4px;display:grid}.settings-group-head h2{color:#5d5a6d;font-size:12px}.settings-group-head p{color:#a09eae;font-size:9px}.setting-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:14px 0 0;display:flex}.setting-line>span:first-child{gap:5px;display:grid}.setting-line strong{color:#6a6779;font-size:10px}.setting-line small{color:#a1a0ad;font-size:9px}.setting-value{color:#aaa8b6;font-size:9px}.toggle{text-align:left;background:#d0ceda;border-radius:99px;width:37px;height:21px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block}.toggle.is-on{background:var(--purple)}.toggle.is-on span{transform:translate(16px)}.muted-setting{opacity:.55}.danger-button{color:#c17a8d;background:0 0;align-items:center;gap:5px;font-size:9px;display:inline-flex}.full-player-overlay{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#45405c66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.full-player{background:linear-gradient(155deg,#ffffffed,#ebe7f9f5);border:1px solid #ffffffb8;border-radius:25px;width:min(100%,535px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 100px #4b407040}.full-player-head{color:#a09dad;letter-spacing:.14em;justify-content:space-between;align-items:center;padding:14px 16px;font:9px DM Mono,monospace;display:flex}.full-player-body{padding:10px 42px 27px}.full-art-wrap{aspect-ratio:1;max-width:385px;margin:0 auto 25px;position:relative}.full-art{z-index:1;border-radius:17px;position:relative;box-shadow:0 20px 45px #6152893d}.art-glow{background:var(--art-accent);filter:blur(48px);opacity:.2;border-radius:50%;position:absolute;inset:20% -12% -12%}.full-meta{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.full-meta h1{color:#403e50;letter-spacing:-.06em;margin-top:9px;font-size:23px}.full-meta p{color:#9a98aa;margin-top:6px;font-size:10px}.like-button{border:1px solid var(--line);border-radius:50%;width:40px;height:40px}.seek-wrap{margin-top:22px}.seek-wrap input{height:4px}.seek-wrap div{color:#a3a0ae;justify-content:space-between;margin-top:8px;font:8px DM Mono,monospace;display:flex}.full-controls{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.full-controls .icon-button{color:#9390a2}.full-controls .icon-button.is-active{color:var(--purple)}.full-controls .icon-button:last-child{position:relative}.full-controls small{color:currentColor;font:8px DM Mono,monospace;position:absolute}.full-secondary{color:#9d9aa9;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.full-secondary>button{color:#8d899e;background:0 0;align-items:center;gap:6px;font-size:9px;display:inline-flex}.full-secondary .lyrics-toggle.is-active{color:var(--purple-deep)}.full-secondary label{align-items:center;gap:6px;width:120px;display:flex}.full-secondary input{flex:1}.lyrics-panel{background:#dacff747;border:1px solid #816ac626;border-radius:14px;gap:8px;margin-top:20px;padding:16px;display:grid}.lyrics-panel h2{color:#635686;font-size:14px}.lyrics-panel p{color:#9b96ab;font-size:9px;line-height:1.6}.lyrics-panel .secondary-button{justify-self:start;margin-top:5px}.playback-error{color:#ad7383;background:#f4d7e08c;border:1px solid #bd758d29;border-radius:10px;margin-top:13px;padding:10px 12px;font-size:9px;line-height:1.5}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.spinner-dark{border-color:#7057b133;border-top-color:var(--purple);width:18px;height:18px}.toast{z-index:30;color:#fff;background:var(--purple);border-radius:10px;align-items:center;gap:7px;max-width:min(360px,100vw - 40px);padding:10px 13px;font-size:10px;display:flex;position:fixed;bottom:94px;right:21px;box-shadow:0 10px 30px #52438433}.toast-error{color:#9d5d70;background:#f3dce3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.activity-rail{display:none}.desktop-player{left:185px;right:15px}.view-shell,.desktop-toolbar{padding-inline:31px}}@media (width<=760px){.app-shell,.sidebar-is-collapsed{min-height:100svh;display:block}.sidebar,.desktop-toolbar,.desktop-player{display:none}.main-column{min-height:100svh}.mobile-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:65px;padding:0 16px;display:flex}.mobile-menu{color:#858397;background:0 0;place-items:center;display:grid}.topbar-actions{gap:2px;display:flex}.view-shell{padding:0 16px 160px}.home-page section:not(.explore-stage),.search-results>.section-header,.settings-groups{margin-top:31px}.explore-stage{border-radius:21px;align-items:flex-end;min-height:420px;padding:28px 23px}.explore-copy h1{font-size:62px}.explore-copy p{max-width:220px}.feature-art-wrap{width:164px;height:184px;top:26px;right:17%}.feature-caption{padding:8px 9px;bottom:9px;left:9px;right:9px}.feature-caption .eyebrow{font-size:6px}.orbit-a{top:40px;right:-42%}.orbit-b{top:23px;right:-68%}.release-layout{grid-template-columns:118px minmax(0,1fr);gap:13px;padding:10px}.release-tracklist .track-row{grid-template-columns:20px minmax(0,1fr) 28px}.release-tracklist .track-main{gap:7px}.release-tracklist .track-art{border-radius:7px;width:31px;height:31px}.release-tracklist .track-copy strong{font-size:9px}.release-tracklist .track-copy span,.release-tracklist .track-index{font-size:8px}.track-row{grid-template-columns:24px minmax(0,1fr) 36px;gap:5px;padding:7px 3px}.track-album,.track-actions .icon-button:nth-child(n+2){display:none}.track-actions{opacity:1;order:3}.track-duration{grid-area:1/3}.track-main{grid-area:1/2}.track-index{grid-area:1/1}.track-copy strong{font-size:10px}.track-copy span{font-size:9px}.card-row{grid-auto-columns:minmax(142px,42vw);gap:11px}.playlist-row{grid-auto-columns:minmax(225px,78vw);gap:9px}.card-queue{opacity:1}.page-heading{padding:31px 0 25px}.page-heading h1,.search-heading h1{font-size:31px}.split-heading{flex-direction:column;align-items:flex-start}.split-heading .primary-button{margin-top:1px}.playlist-grid{grid-template-columns:repeat(2,1fr);gap:10px}.playlist-grid .playlist-card strong{font-size:9px}.playlist-hero{align-items:flex-start;gap:14px}.playlist-hero img{width:116px;height:116px}.playlist-hero h1{font-size:27px}.playlist-hero p{font-size:9px}.search-heading{padding:31px 0 22px}.search-input-wrap kbd{display:none}.spotify-callout{flex-direction:column;align-items:flex-start}.search-start{min-height:280px}.settings-group{padding:16px}.setting-line{align-items:flex-start}.full-player-overlay{place-items:stretch stretch;padding:0}.full-player{border:0;border-radius:0;width:100%;max-height:100%}.full-player-head{padding-top:max(14px, env(safe-area-inset-top))}.full-player-body{padding:8px 20px 31px}.full-art-wrap{max-width:100%;margin-bottom:22px}.full-meta h1{font-size:22px}.full-secondary{flex-wrap:wrap}.full-secondary label{margin-left:auto}.mini-player{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffde;border:1px solid #65569726;border-radius:13px;align-items:center;gap:8px;height:59px;padding:6px 8px;display:flex;position:fixed;bottom:71px;left:10px;right:10px;box-shadow:0 10px 32px #5b4e802e}.mini-track{min-width:0;color:var(--ink);text-align:left;background:0 0;flex:1;align-items:center;gap:8px;display:flex}.mini-track>span{gap:3px;min-width:0;display:grid}.mini-track strong,.mini-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-track strong{font-size:10px}.mini-track small{color:#9c99ab;font-size:8px}.mini-art{border-radius:8px;width:43px;height:43px}.mini-progress{background:#6f5ea121;height:2px;position:absolute;bottom:0;left:10px;right:10px;overflow:hidden}.mini-progress span{background:var(--purple);height:100%;display:block}.mobile-nav{z-index:9;height:71px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2f2fde0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#a2a0b0;background:0 0;justify-items:center;gap:4px;min-width:56px;font-size:8px;display:grid}.mobile-nav button.is-active{color:var(--purple-deep)}.mobile-drawer-backdrop{z-index:25;background:#3a35504d;position:fixed;inset:0}.mobile-drawer{background:#f0f0fb;width:min(84vw,298px);height:100%;padding-top:16px;box-shadow:15px 0 50px #443a692e}.drawer-head{justify-content:space-between;align-items:center;padding:0 18px 16px;display:flex}.mobile-drawer .sidebar{background:0 0;border:0;height:calc(100% - 70px);min-height:0;padding:0 18px 18px;display:flex}.mobile-drawer .sidebar-top{display:none}.mobile-drawer .sidebar-playlists{min-height:100px}.mobile-drawer .sidebar-footer{margin-top:auto}.toast{text-align:center;justify-content:center;bottom:143px;left:16px;right:16px}}@media (width<=380px){.view-shell{padding-inline:12px}.explore-stage{padding-inline:18px}.feature-art-wrap{right:11%}.release-layout{grid-template-columns:103px minmax(0,1fr)}.playlist-hero img{width:100px;height:100px}.playlist-hero h1{font-size:24px}}body{background:linear-gradient(135deg,#dce8f8 0%,#e8e2f4 48%,#f4dfe8 100%)}.app-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f9f8ff5e;border:1px solid #ffffff94;border-radius:19px;grid-template-rows:minmax(0,1fr);grid-template-columns:128px minmax(0,1fr) 168px;width:min(922px,100vw - 64px);height:min(578px,100svh - 190px);min-height:0;margin:12.4vh auto 0;box-shadow:0 28px 85px #655b8f29}.sidebar{background:#f6f7ff1f;border-right:1px solid #746e9917;grid-area:1/1;gap:23px;min-height:0;padding:25px 12px 16px}.sidebar-top{justify-content:flex-start;gap:6px;min-height:22px}.sidebar-top .logo-lockup,.sidebar-top .icon-button{display:none}.reference-brand{color:#323344;letter-spacing:-.02em;font-size:10px;font-weight:800;display:block}.sidebar-nav{gap:2px}.sidebar .nav-label{color:#aaa8b8;letter-spacing:.05em;padding:0 9px 7px;font-size:7px}.sidebar .sidebar-sub-label{margin-top:14px;display:block}.sidebar .nav-item{color:#858397;border-radius:8px;gap:8px;padding:7px 9px;font-size:9px}.sidebar .nav-item.is-active{color:#6a58a9;box-shadow:none;background:#ffffffd1}.sidebar .nav-item:hover{background:#ffffff94}.sidebar .nav-count{display:none}.sidebar-playlists{flex:none;min-height:0;max-height:122px}.sidebar-playlist-head{display:none}.sidebar-playlist{gap:7px;padding:6px 9px;font-size:9px}.playlist-dot{border-radius:5px;width:17px;height:17px}.sidebar-actions{margin-top:auto}.sidebar-actions .spotify-connect-button{display:none}.sidebar-actions .import-button{color:#62509d;background:#c4b0f1;border:0;border-radius:7px;justify-content:center;padding:8px 6px;font-size:9px}.sidebar-actions .import-button svg{width:12px;height:12px}.sidebar-footer{display:none}.main-column{grid-area:1/2;min-height:0;overflow:auto}.desktop-toolbar{gap:10px;height:66px;padding:19px 20px 8px}.history-buttons,.toolbar-icon{display:none}.toolbar-search{background:#ffffffd1;border:0;border-radius:7px;width:190px;padding:7px 10px;font-size:9px}.toolbar-search svg{width:12px;height:12px}.toolbar-search kbd{display:none}.toolbar-profile{gap:6px;font-size:9px}.toolbar-profile .profile-avatar,.toolbar-profile img{border-radius:50%;width:22px;height:22px}.toolbar-profile svg{display:none}.view-shell{padding:0 20px 80px}.page{max-width:none}.reference-home{padding-top:2px}.home-page .reference-release-section{margin-top:0}.reference-section-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reference-section-heading h1,.reference-section-heading h2{color:#333343;letter-spacing:-.055em;font-size:16px;font-weight:700}.reference-section-heading span{color:#aaa8b7;font-size:8px}.reference-see-all{display:none}.reference-release-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:16px;display:grid}.reference-featured-cover{border-radius:9px;height:188px;position:relative;overflow:hidden;box-shadow:0 9px 20px #5c4f871f}.reference-featured-cover .artwork{width:100%;height:100%}.reference-cover-play{color:#fff;opacity:0;background:#947bd0;border-radius:50%;place-items:center;width:28px;height:28px;transition:all .2s;display:grid;position:absolute;bottom:9px;right:9px}.reference-featured-cover:hover .reference-cover-play{opacity:1}.reference-track-list{padding-top:4px}.reference-track-row{border-bottom:1px solid #524d700f;grid-template-columns:21px minmax(0,1fr) 20px 20px 34px;align-items:center;gap:4px;min-height:34px;display:grid}.reference-track-row.is-current{color:#6a58a9}.reference-track-index{color:#aaa8b7;text-align:center;font-size:9px}.reference-track-main{color:#555365;text-align:left;background:0 0;min-width:0;padding:0;display:block}.reference-track-main>span{gap:2px;display:grid}.reference-track-main strong,.reference-track-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-track-main strong{font-size:9px;font-weight:600}.reference-track-main small{color:#aaa8b7;font-size:8px}.reference-track-row .icon-button{color:#afaabe;width:20px;height:20px}.reference-track-row .icon-button.is-active{color:#977fd1}.reference-track-more{color:#aaa8b7}.reference-track-duration{color:#aaa8b7;text-align:right;font:8px DM Mono,monospace}.home-page .reference-recent-section{margin-top:18px}.reference-recent-section .section-header{display:none}.reference-recent-section .card-row{grid-auto-flow:initial;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:unset;gap:13px;padding:0;overflow:visible}.reference-recent-section .track-card{min-width:0}.reference-recent-section .card-art-wrap{aspect-ratio:1/1.02;box-shadow:none;border-radius:8px}.reference-recent-section .card-play,.reference-recent-section .card-queue{display:none}.reference-recent-section .card-title{color:#5d5a6b;margin:7px 0 2px;font-size:8px}.reference-recent-section .card-subtitle{color:#a09eae;margin:0;font-size:8px;line-height:1.2}.reference-activity-rail{background:#f7f7ff24;border-left:1px solid #746e9917;grid-area:1/3;min-height:0;padding:29px 13px 74px;overflow:auto}.reference-rail-heading h2{color:#353444;letter-spacing:-.04em;font-size:12px}.friends-list{margin-top:11px}.friend-row{align-items:center;gap:7px;min-height:34px;padding:4px 0;display:flex}.friend-avatar{border-radius:50%;flex:none;width:21px;height:21px}.friend-row>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.friend-row strong,.friend-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-row strong{color:#666375;font-size:8px}.friend-row small{color:#aaa8b8;font-size:7px}.friend-eq{align-items:center;gap:1px;display:inline-flex}.friend-eq i{background:#ad8ed9;border-radius:4px;width:2px;height:5px}.friend-eq i:nth-child(2){height:9px}.friend-eq i:nth-child(3){height:6px}.activity-heading{margin-top:18px}.your-activity-list{margin-top:8px}.your-activity-row{background:#ffffff8f;border-radius:8px;align-items:center;gap:7px;min-height:38px;margin-bottom:5px;padding:5px 6px;display:flex}.your-activity-art{border-radius:6px;flex:none;width:22px;height:22px}.your-activity-row>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.your-activity-row strong,.your-activity-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.your-activity-row strong{color:#686574;font-size:8px}.your-activity-row small{color:#aaa8b8;font-size:7px}.your-activity-row>svg{color:#aaa3b6}.reference-activity-rail .rail-footer{margin-top:21px;padding-top:12px;font-size:7px}.desktop-player{z-index:10;background:#ffffffb8;border:1px solid #7060a329;border-top-color:#9b7ed7;border-radius:8px;grid-template-columns:1fr 1.35fr 1fr;gap:15px;min-height:51px;padding:6px 13px;display:grid;position:absolute;bottom:9px;left:13px;right:13px;box-shadow:0 8px 20px #5e518314}.player-art{border-radius:5px;width:31px;height:31px}.player-track{gap:7px}.player-track strong{font-size:8px}.player-track small{font-size:7px}.player-controls{gap:2px}.player-controls>div:first-child{gap:0}.player-controls .icon-button{width:23px;height:23px}.player-play{width:22px;height:22px}.player-progress{grid-template-columns:23px minmax(0,1fr) 23px;gap:5px;font-size:7px}.player-actions .icon-button{width:24px;height:24px}.mini-player{display:none}@media (width<=900px) and (width>=761px){.app-shell{grid-template-columns:128px minmax(0,1fr);width:calc(100vw - 48px)}.reference-activity-rail{display:none}.desktop-player{right:13px}}@media (width<=760px){body{background:linear-gradient(135deg,#dce8f8,#f0e3f2 55%,#f4dfe8)}.app-shell{width:100%;height:auto;min-height:100svh;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;display:block}.reference-home{padding-top:8px}.reference-release-layout{grid-template-columns:112px minmax(0,1fr);gap:12px}.reference-featured-cover{height:111px}.reference-track-row{grid-template-columns:19px minmax(0,1fr) 16px 28px;min-height:32px}.reference-track-more{display:none}.reference-track-duration{grid-column:4}.reference-recent-section .card-row{grid-template-columns:repeat(5,128px);padding-bottom:7px;overflow-x:auto}.reference-activity-rail,.desktop-player,.sidebar-top .reference-brand{display:none}}@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}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}