*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-lucide-arrow-up-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-bell{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-bookmark{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-chevron-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-download{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-ellipsis{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-house{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-layout-list{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7m-7 5h7m-7 6h7m-7 5h7'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-list{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5h.01M3 12h.01M3 19h.01M8 5h13M8 12h13M8 19h13'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-monitor-speaker{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5.5 20H8m9-11h.01'/%3E%3Crect width='10' height='16' x='12' y='4' rx='2'/%3E%3Cpath d='M8 6H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4'/%3E%3Ccircle cx='17' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-play{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-plus{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-repeat-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m2 9l3-3l3 3'/%3E%3Cpath d='M13 18H7a2 2 0 0 1-2-2V6m17 9l-3 3l-3-3'/%3E%3Cpath d='M11 6h6a2 2 0 0 1 2 2v10'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-search{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-share-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-shuffle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m18 14l4 4l-4 4m0-20l4 4l-4 4'/%3E%3Cpath d='M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22M2 6h1.972a4 4 0 0 1 3.6 2.2M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-skip-back{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432zM3 20V4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-skip-forward{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 4v16M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-users{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}.i-lucide-volume-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.11em' height='1.11em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298zM16 9a5 5 0 0 1 0 6m3.364 3.364a9 9 0 0 0 0-12.728'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.11em;height:1.11em}:root{font-family:Spotify Mix,Circular Std,Avenir Next,Segoe UI,sans-serif;color:#fff;background:#000;line-height:1.4;font-weight:400;--player-bar-height: 104px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:#000;color:#fff}button,input{font:inherit}button{border:0;cursor:pointer}.loading-state,.error-state{display:grid;place-items:center;min-height:100vh;color:#fff}.web-shell{min-height:100vh;background:linear-gradient(180deg,#070707,#000)}.page-frame{min-height:100vh;background:#070707;padding-bottom:calc(var(--player-bar-height) + env(safe-area-inset-bottom,0px))}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1rem;background:#0b0b0b}.topbar-actions,.library-actions,.player-buttons,.player-meta{display:flex;align-items:center;gap:.55rem}.icon-button,.mini-icon,.tiny-action,.transport,.home-pill{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#121212;color:#d8d8d8}.avatar-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,#8d6749,#dbb08a);color:#111;font-weight:700}.topbar-brand{display:flex;align-items:center;gap:.8rem}.topbar-brand strong,.topbar-brand small{display:block}.topbar-brand small{color:#9b9b9b;font-size:.8rem}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1ed760,#0ea5e9);color:#04110a;font-weight:800}.topbar-center{display:flex;align-items:center;justify-content:center;min-width:0}.searchbar-wrap{position:relative;width:min(100%,620px)}.searchbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;width:100%;height:48px;padding:0 .9rem;border-radius:999px;background:#1f1f1f;color:#b3b3b3}.searchbar input{min-width:0;border:0;outline:0;background:transparent;color:#fff}.search-icon,.search-tray{font-size:1.1rem}.search-divider{width:1px;height:22px;background:#3b3b3b}.search-dropdown{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:20;border:1px solid #2e2e2e;border-radius:16px;background:#181818;padding:.45rem;box-shadow:0 20px 40px #00000073}.search-state{padding:.9rem 1rem;color:#d0d0d0}.dropdown-row{display:flex;align-items:center;gap:.8rem;width:100%;padding:.6rem;border-radius:12px;background:transparent;color:inherit;text-align:left}.dropdown-row:hover,.dropdown-row-active{background:#262626}.dropdown-row img{width:42px;height:42px;border-radius:6px}.dropdown-row strong,.section-head h2,.spotlight h1,.spotlight h2,.now-panel h2,.player-song strong{margin:0}.dropdown-row small,.library-copy small,.track-meta small,.now-subtitle,.player-song span,.spotlight-copy p,.about-card p{color:#b3b3b3}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:.5rem;padding:0 .5rem .5rem;min-height:calc(100vh - 170px)}.panel{background:#121212;border-radius:10px;min-width:0}.sidebar,.queue,.main{padding:.95rem}.library-header,.library-toolbar,.section-head,.spotlight-actions,.audio-wrap{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.library-header strong,.eyebrow,.section-kicker{color:#fff}.library-chips,.chip-row{display:flex;gap:.45rem;flex-wrap:wrap}.library-chips{margin-top:1rem}.library-chip,.top-chip{padding:.5rem .9rem;border-radius:999px;background:#2a2a2a;color:#f2f2f2}.library-chip-active,.top-chip-active{background:#fff;color:#111}.library-toolbar{margin:1rem 0 .85rem;color:#b3b3b3;font-size:.92rem}.library-list{display:grid;gap:.25rem}.library-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.4rem;border-radius:8px;background:transparent;color:inherit;text-align:left}.library-item:hover,.library-item-active{background:#1d1d1d}.library-item img{width:48px;height:48px;border-radius:6px}.library-copy{display:grid;gap:.1rem;min-width:0}.library-copy strong,.hero-card span,.shelf-card strong,.related-card span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{background:linear-gradient(180deg,#5a5a5a,#2d2d2d 15%,#171717 34%,#121212)}.chip-row{margin-bottom:1rem}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.hero-card{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.75rem;padding:0;border-radius:6px;background:#ffffff1f;color:#fff;overflow:hidden;text-align:left}.hero-card img{width:56px;height:56px;object-fit:cover}.spotlight{margin-top:1.5rem}.section-kicker,.eyebrow{margin:0 0 .3rem;color:#b3b3b3;font-size:.78rem;font-weight:600}.spotlight h1{font-size:2.1rem;line-height:1.02}.spotlight-grid{display:grid;grid-template-columns:170px minmax(0,1fr);gap:1.1rem;margin-top:.95rem;align-items:center}.spotlight-cover{width:170px;height:170px;border-radius:6px}.spotlight-copy small{color:#d9d9d9}.spotlight-copy h2{margin-top:.25rem;font-size:clamp(2rem,3vw,3.35rem);line-height:.94;max-width:11ch}.play-round,.outline-round{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px}.play-round{background:#fff;color:#111}.outline-round{background:transparent;color:#d6d6d6;border:1px solid #555}.shelf-section,.mood-shelves{margin-top:1.6rem}.shelf-section{margin-top:1.3rem}.search-banner{margin-bottom:.8rem;padding:.8rem .95rem;border:1px solid #2a2a2a;border-radius:12px;background:#181818;color:#fff}.track-table{margin-top:.35rem;min-height:120px}.track-empty{padding:1rem;color:#b3b3b3;text-align:center}.section-head,.track-row{display:grid;grid-template-columns:44px minmax(280px,2.35fr) minmax(150px,1.2fr) minmax(84px,.7fr) minmax(72px,.65fr) 56px;gap:1rem;align-items:center}.section-head{padding:0 .85rem .55rem;margin-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.09);color:#b3b3b3;font-size:.82rem}.track-row{width:100%;min-height:58px;padding:.45rem .85rem;border-radius:6px;background:transparent;color:#fff;text-align:left;transition:background .14s ease,color .14s ease}.track-row:hover,.track-row-active{background:#ffffff17}.track-meta{display:flex;align-items:center;gap:.75rem;min-width:0}.track-meta>span{display:grid;gap:.1rem;min-width:0}.track-art{width:42px;height:42px;border-radius:4px;object-fit:cover;box-shadow:0 6px 18px #00000047}.track-index,.track-mood,.track-plays,.track-duration,.head-plays,.head-duration{justify-self:end}.track-index{color:#b3b3b3;font-variant-numeric:tabular-nums}.track-mainline,.track-subline,.track-album{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-mainline{display:block;color:#fff;font-size:.97rem;font-weight:600}.track-subline{display:block}.track-album,.track-mood,.track-plays,.track-duration{min-width:0;font-size:.94rem}.track-mood{text-transform:capitalize}.track-duration,.head-duration{font-variant-numeric:tabular-nums}.track-row:hover .track-index,.track-row-active .track-index{color:#fff}.track-row:hover .track-mainline,.track-row-active .track-mainline{color:#1ed760}.capsule{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .6rem;border-radius:999px;background:#2b2b2b;color:#f1f1f1;text-transform:capitalize}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.mini-shelf+.mini-shelf{margin-top:1rem}.shelf-card{display:grid;gap:.55rem;padding:.7rem;border-radius:8px;background:#181818;color:#fff;text-align:left}.shelf-card:hover{background:#202020}.shelf-card img{width:100%;aspect-ratio:1;border-radius:6px}.shelf-card span{color:#b3b3b3}.queue{padding-bottom:1rem}.now-panel{display:grid;gap:.85rem}.now-cover{width:100%;aspect-ratio:.82;border-radius:10px;object-fit:cover}.now-subtitle{margin:-.4rem 0 0}.related-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.55rem}.related-card{display:grid;gap:.45rem;padding:.35rem;border-radius:8px;background:#181818;color:inherit;text-align:left}.related-card img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:6px}.about-card{padding:.85rem;border-radius:10px;background:linear-gradient(180deg,#123728,#0c2017)}.player-bar{position:fixed;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-columns:280px minmax(0,1fr) 180px;align-items:center;gap:1rem;min-height:var(--player-bar-height);padding:.8rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));background:#050505;border-top:1px solid #1b1b1b}.player-song,.player-center{display:flex;align-items:center;gap:.8rem}.player-song img{width:56px;height:56px;border-radius:6px}.player-center{flex-direction:column;justify-content:center}.transport-play{width:38px;height:38px;background:#fff;color:#111}.audio-wrap{width:100%;justify-content:center;color:#b3b3b3;font-size:.78rem}.audio-wrap audio{width:min(100%,440px);filter:grayscale(1) invert(1) contrast(.9)}@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.queue{display:none}}@media(max-width:860px){.topbar{grid-template-columns:1fr;justify-items:stretch}.topbar-center{justify-content:stretch}.app-shell{grid-template-columns:1fr}.sidebar{order:2}.main{order:1}.hero-grid,.shelf-grid,.related-strip{grid-template-columns:1fr 1fr}.spotlight-grid,.player-bar{grid-template-columns:1fr}.section-head{grid-template-columns:36px minmax(0,1fr) 64px;gap:.6rem}.section-head>:not(:nth-child(1)):not(:nth-child(2)):not(:last-child){display:none}.track-row{grid-template-columns:36px minmax(0,1fr) 56px;gap:.6rem;padding:.55rem .7rem}.track-album,.track-mood,.track-plays,.head-plays{display:none}.track-meta{gap:.65rem}.track-art{width:38px;height:38px}.track-duration,.head-duration{justify-self:end}}@media(max-width:580px){.hero-grid,.shelf-grid{grid-template-columns:1fr}.searchbar{grid-template-columns:auto minmax(0,1fr) auto}.search-divider,.search-tray{display:none}}