@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-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline\!{display:inline!important}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-screen{height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.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}.flex-wrap{flex-wrap:wrap}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.border{border-style:var(--tw-border-style);border-width:1px}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.text-justify{text-align:justify}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,ease);transition-duration:var(--tw-duration,0s)}.will-change-transform{will-change:transform}.\[al\:…\]{al:…}.\[ar\:…\]{ar:…}.\[by\:…\]{by:…}.\[category\:memory-infra\]{category:memory-infra}.\[mm\:ss\.xx\]{mm:ss.xx}.\[mm\:ss\.xxx\]{mm:ss.xxx}.\[mm\:ss\]{mm:ss}.\[offset\:\+\/-ms\]{offset: + /-ms}.\[offset\:\+200\]{offset:200}.\[offset\:…\]{offset:…}.\[ti\:Song\]{ti:Song}.\[ti\:Title\]{ti:Title}.\[ti\:…\]{ti:…}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--spotify-black:#000;--spotify-dark:#121212;--spotify-light:#282828;--spotify-lighter:#3e3e3e;--spotify-green:#1db954;--spotify-white:#fff;--spotify-gray:#b3b3b3;--spotify-gray-dark:#6a6a6a}*{box-sizing:border-box}html,body{height:100%}body{color:var(--spotify-white);background-color:var(--spotify-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--spotify-gray-dark);border:3px solid var(--spotify-dark);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--spotify-gray)}.app-shell{grid-template-rows:1fr;grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background-color:var(--spotify-black);flex-direction:column;gap:20px;padding:24px 12px;display:flex;overflow-y:auto}.sidebar__section{flex-direction:column;gap:8px;display:flex}.sidebar__link{color:var(--spotify-gray);cursor:pointer;border-radius:4px;align-items:center;gap:16px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.sidebar__link:hover{color:var(--spotify-white);background-color:#ffffff1a}.sidebar__link--active{color:var(--spotify-white);background-color:#ffffff26}.sidebar__logo{margin-bottom:8px;padding:0 12px}.main-content{background:linear-gradient(180deg,#2a2a2a 0%,var(--spotify-dark)100%);padding:24px 32px;overflow-y:auto}.top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#000000b3;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 32px;display:flex;position:sticky;top:0}.top-bar__nav-buttons{gap:8px;display:flex}.top-bar__nav-btn{width:32px;height:32px;color:var(--spotify-white);cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s;display:flex}.top-bar__nav-btn:hover{background:#000000e6;transform:scale(1.05)}.top-bar__search{flex:1;max-width:400px;margin:0 16px}.top-bar__search-input{background:var(--spotify-lighter);width:100%;color:var(--spotify-white);border:none;border-radius:500px;padding:10px 16px 10px 44px;font-size:14px}.top-bar__search-input::placeholder{color:var(--spotify-gray-dark)}.top-bar__search-input:focus{outline:2px solid var(--spotify-white)}.top-bar__user{align-items:center;gap:12px;display:flex}.top-bar__user-btn{cursor:pointer;border:none;border-radius:500px;padding:8px 20px;font-size:14px;font-weight:600;transition:transform .1s}.top-bar__user-btn--primary{background:var(--spotify-green);color:var(--spotify-black)}.top-bar__user-btn--primary:hover{background:#1ed760;transform:scale(1.04)}.top-bar__user-btn--secondary{color:var(--spotify-gray);border:1px solid var(--spotify-gray-dark);background:0 0}.top-bar__user-btn--secondary:hover{border-color:var(--spotify-white);color:var(--spotify-white)}.pwa-install-button{border:1px solid var(--spotify-gray-dark);color:var(--spotify-gray);cursor:pointer;background:0 0;border-radius:500px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pwa-install-button:hover{border-color:var(--spotify-white);color:var(--spotify-white);transform:scale(1.02)}.pwa-install-banner{display:none}.pwa-install-banner__close{color:var(--spotify-gray);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;line-height:1;position:absolute;top:4px;right:8px}.pwa-install-banner__close:hover{color:var(--spotify-white)}.pwa-install-banner__content{justify-content:space-between;align-items:center;gap:12px;padding-right:24px;display:flex}.pwa-install-banner__text{color:var(--spotify-gray);flex-direction:column;gap:2px;font-size:13px;display:flex}.pwa-install-banner__text strong{color:var(--spotify-white);font-size:14px}.pwa-install-banner__cta{background:var(--spotify-green);color:var(--spotify-black);cursor:pointer;border:none;border-radius:500px;flex-shrink:0;padding:8px 20px;font-size:14px;font-weight:600;transition:transform .1s}.pwa-install-banner__cta:hover{background:#1ed760;transform:scale(1.04)}.pwa-install-banner__ios-steps{color:var(--spotify-green);flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.pwa-install-banner__ios-steps svg:first-child{width:18px;height:18px}.pwa-install-banner__ios-steps svg:last-child{width:12px;height:12px;color:var(--spotify-gray)}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.page-header__title{letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700}.play-btn{background:var(--spotify-green);width:56px;height:56px;color:var(--spotify-black);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 8px 24px #00000080}.play-btn:hover{background:#1ed760;transform:scale(1.05)}.track-list{flex-direction:column;display:flex}.track-list__header{color:var(--spotify-gray-dark);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff1a;grid-template-columns:48px 1fr 1fr 100px;margin-bottom:8px;padding:8px 16px;font-size:12px;display:grid}.track-row{cursor:pointer;border-radius:4px;align-items:center;gap:12px;padding:8px 16px;transition:background-color .2s;display:flex}.track-row:hover{background-color:#ffffff1a}.track-row__number{color:var(--spotify-gray);text-align:center;font-size:14px}.track-row__info{align-items:center;gap:16px;min-width:0;display:flex}.track-row__artwork{background:var(--spotify-lighter);border-radius:4px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.track-row__artwork-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.track-row__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.track-row__title{color:var(--spotify-white);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.track-row__artist{color:var(--spotify-gray);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-row__artist-link{color:var(--spotify-gray);text-decoration:none;transition:color .2s}.track-row__artist-link:hover{color:var(--spotify-white);text-decoration:underline}.track-row__duration{color:var(--spotify-gray);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}.track-row__actions{flex-shrink:0;gap:8px;display:flex}.track-row__action{border:1px solid var(--spotify-gray);color:var(--spotify-white);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.track-row__action:hover{background:var(--spotify-white);color:var(--spotify-black)}.track-row__action--download{min-width:32px;padding:4px}.track-row__action--download:disabled{opacity:.5;cursor:not-allowed}.track-row__action--like{cursor:pointer;color:var(--spotify-gray);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .1s;display:flex}.track-row__action--like:hover{color:var(--spotify-white);transform:scale(1.1)}.track-menu{position:relative}.track-menu__toggle{color:var(--spotify-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,color .2s;display:flex}.track-menu__toggle:hover{color:var(--spotify-white);background:#ffffff1a}.track-menu__dropdown{background:var(--spotify-light);z-index:100;border-radius:4px;min-width:160px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000080}.track-menu__option{width:100%;color:var(--spotify-white);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:13px;text-decoration:none;transition:background-color .2s;display:flex}.track-menu__option:hover{background:#ffffff1a}.track-menu__option:disabled{color:var(--spotify-gray);cursor:not-allowed}.track-menu__option svg{flex-shrink:0}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.collection-grid__item{color:inherit;text-decoration:none;display:block}.collection-card{background:var(--spotify-light);cursor:pointer;border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:background-color .3s;display:flex;position:relative}.collection-card:hover{background:var(--spotify-lighter)}.collection-card__artwork-wrapper{width:180px;height:180px;position:relative}.collection-card__artwork{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:180px;height:180px;box-shadow:0 8px 24px #00000080}.collection-card__artwork-placeholder{aspect-ratio:1;background:var(--spotify-lighter);border-radius:4px;width:100%}.collection-card__play{background:var(--spotify-green);width:48px;height:48px;color:var(--spotify-black);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:opacity .3s,transform .3s,background-color .1s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(8px);box-shadow:0 8px 16px #0000004d}.collection-card:hover .collection-card__play{opacity:1;transform:translateY(0)}.collection-card__play:hover{background:#1ed760;transform:scale(1.05)}.collection-card__like{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,transform .2s,background-color .1s;display:flex;position:absolute;top:8px;right:8px;transform:scale(.8)}.collection-card:hover .collection-card__like{opacity:1;transform:scale(1)}.collection-card__like:hover{background:#000000b3;transform:scale(1.1)}.collection-card__body{flex-direction:column;gap:4px;display:flex}.collection-card__title{color:var(--spotify-white);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.collection-card__subtitle{color:var(--spotify-gray);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.page-module{padding-bottom:100px}.page-module__hero{align-items:flex-end;gap:24px;margin-bottom:16px;padding:24px 0;display:flex}.page-module__hero h1{margin:0 0 8px;font-size:32px;font-weight:700}.page-module__artwork{-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 4px 60px #00000080;width:180px!important;height:180px!important}.page-module__hero-body{flex-direction:column;gap:8px;min-width:0;display:flex}.page-module__hero-body p{color:var(--spotify-gray);margin:0;font-size:14px}.page-module__artist-link{color:var(--spotify-gray);text-decoration:none;transition:color .2s}.page-module__artist-link:hover{color:var(--spotify-white);text-decoration:underline}.page-module__actions{align-items:center;gap:12px;margin-top:16px;display:flex}.page-module__actions button{cursor:pointer;border:none;border-radius:500px;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:600;transition:transform .1s;display:flex}.page-module__actions button:hover{transform:scale(1.04)}.page-module__actions button[data-action=play-all]{background:var(--spotify-green);color:var(--spotify-black)}.page-module__actions button[data-action=enqueue-all]{color:var(--spotify-gray);border:1px solid var(--spotify-gray);background:0 0}.page-module__actions button[data-action=enqueue-all]:hover{border-color:var(--spotify-white);color:var(--spotify-white)}.page-module__actions button[data-action=like]{color:var(--spotify-gray);background:0 0;border:none;padding:8px}.page-module__actions button[data-action=like]:hover{color:var(--spotify-white)}.page-module__search{max-width:500px}.page-module__search label{color:var(--spotify-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;display:block}.page-module__search-row{gap:12px;display:flex}.page-module__search input{background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:500px;flex:1;padding:12px 16px;font-size:14px}.page-module__search input::placeholder{color:var(--spotify-gray-dark)}.page-module__search input:focus{outline:2px solid var(--spotify-green);outline-offset:2px}.page-module__search button{background:var(--spotify-green);color:var(--spotify-black);cursor:pointer;border:none;border-radius:500px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .1s}.page-module__search button:hover{transform:scale(1.04)}.page-module__sections{flex-direction:column;gap:40px;display:flex}.page-module__section{margin-bottom:8px}.artist-bio{background:var(--color-surface);padding:var(--space-lg);border-radius:8px}.artist-bio__item{margin-bottom:var(--space-md)}.artist-bio__item:last-child{margin-bottom:0}.artist-bio__title{color:var(--color-text);margin:0 0 var(--space-xs)0;font-size:1rem;font-weight:600}.artist-bio__text{color:var(--color-text-secondary);white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.6}.app-shell__section-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.app-shell__section-title{font-family:var(--font-display,-apple-system,BlinkMacSystemFont);color:var(--spotify-white);margin:0;font-size:1.5rem}.app-shell__section-action{color:var(--spotify-gray);font-size:.95rem;text-decoration:none}.app-shell__section-action:hover{color:var(--spotify-white)}.now-playing-bar{background:var(--spotify-light);z-index:1100;border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr 1fr;align-items:center;height:90px;padding:0 16px;display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing-bar__track{align-items:center;gap:14px;display:flex}.now-playing-bar__artwork{background:var(--spotify-lighter);border-radius:4px;width:56px;height:56px}.now-playing-bar__info{flex-direction:column;gap:2px;display:flex}.now-playing-bar__title{color:var(--spotify-white);font-size:14px;font-weight:500}.now-playing-bar__artist{color:var(--spotify-gray);font-size:11px}.now-playing-bar__controls{flex-direction:column;align-items:center;gap:8px;display:flex}.now-playing-bar__buttons{align-items:center;gap:20px;display:flex}.now-playing-bar__btn{color:var(--spotify-gray-dark);cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.now-playing-bar__btn:hover{color:var(--spotify-white)}.now-playing-bar__btn--play{background:var(--spotify-white);width:36px;height:36px;color:var(--spotify-black);border-radius:50%;justify-content:center;align-items:center;display:flex}.now-playing-bar__btn--play:hover,.now-playing-bar__btn--play:focus,.now-playing-bar__btn--play:focus-visible{color:var(--spotify-black);transform:scale(1.05)}.now-playing-bar__progress{align-items:center;gap:8px;width:100%;max-width:500px;display:flex}.now-playing-bar__time{color:var(--spotify-gray);min-width:40px;font-size:11px}.now-playing-bar__progress-bar{cursor:pointer;background:#fff3;border-radius:2px;flex:1;height:4px;position:relative}.now-playing-bar__progress-fill{background:var(--spotify-white);border-radius:2px;width:30%;height:100%}.now-playing-bar__progress-bar:hover .now-playing-bar__progress-fill{background:var(--spotify-green)}.now-playing-bar__volume{justify-content:flex-end;align-items:center;gap:8px;display:flex}.text-spotify-gray{color:var(--spotify-gray)}.text-spotify-green{color:var(--spotify-green)}.bg-spotify-dark{background-color:var(--spotify-dark)}.bg-spotify-light{background-color:var(--spotify-light)}.hover\:bg-spotify-lighter:hover{background-color:var(--spotify-lighter)}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:16px 16px 120px}.collection-grid{grid-template-columns:repeat(3,1fr);gap:12px}.collection-card{gap:8px;width:196px;padding:8px}.collection-card__title{font-size:12px}.collection-card__subtitle{font-size:11px}.collection-card__play{width:36px;height:36px;font-size:14px;bottom:4px;right:4px}.collection-card__like{width:24px;height:24px;top:4px;right:4px}.track-list__header{grid-template-columns:32px 1fr 60px}.track-list__header>:nth-child(3),.track-row>:nth-child(5){display:none}.track-row__artwork{width:40px;height:40px}.page-header__title{font-size:24px}.page-module__hero{flex-direction:column;align-items:flex-start;gap:16px}.page-module__artwork{width:140px!important;height:140px!important}.page-module__hero h1{font-size:24px}.now-playing-bar{grid-template-columns:1fr;height:auto;min-height:120px;padding:8px 12px;bottom:50px}.now-playing-bar__controls{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.now-playing-bar__buttons{justify-content:center;align-items:center;gap:24px;display:flex}.now-playing-bar__progress{width:100%;max-width:none;padding:0 8px}.now-playing-bar__artwork{flex-shrink:0;width:40px;height:40px}.now-playing-bar__track{min-width:0}.now-playing-bar__info{flex:1;min-width:0}.now-playing-bar__title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.now-playing-bar__artist{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.now-playing-bar__btn{padding:4px}.now-playing-bar__btn--play{width:32px;height:32px}.now-playing-bar__volume{display:none}.app-shell__section-title{font-size:1.25rem}.top-bar__search{display:none}}@media (max-width:480px){.collection-grid{grid-template-columns:repeat(2,1fr);gap:8px}.main-content{padding:12px}}.queue-panel{z-index:1000;background:#181818;border:1px solid #282828;border-radius:8px;width:300px;max-height:400px;position:absolute;bottom:100%;right:16px;overflow:hidden;box-shadow:0 8px 24px #00000080}.queue-panel__header{border-bottom:1px solid #282828;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.queue-panel__header h3{color:#fff;margin:0;font-size:14px;font-weight:600}.queue-panel__close{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.queue-panel__close:hover{color:#fff;background:#ffffff1a}.queue-panel__list{max-height:340px;overflow-y:auto}.queue-panel__empty{text-align:center;color:#b3b3b3;padding:24px;font-size:14px}.queue-panel__item{cursor:pointer;align-items:center;gap:12px;padding:8px 16px;display:flex}.queue-panel__item:hover{background:#ffffff1a}.queue-panel__item-index{color:#b3b3b3;min-width:20px;font-size:12px}.queue-panel__item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.queue-panel__item-artist{color:#b3b3b3;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:11px;overflow:hidden}.mobile-nav{display:none}@media (max-width:900px){.mobile-nav{z-index:9999;border-top:1px solid #fff3;justify-content:space-around;height:56px;padding:6px 8px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000080;background:#000!important;display:flex!important}.mobile-nav__link{color:#b3b3b3;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 12px;font-size:10px;text-decoration:none;display:flex}.mobile-nav__link--active{color:#1db954}.now-playing-bar{bottom:56px}body:has(.pwa-install-banner) .now-playing-bar{bottom:56px}.main-content{padding-bottom:130px}.pwa-install-banner{z-index:101;background:var(--spotify-light);border-top:1px solid #ffffff1a;padding:12px 16px;display:block;position:fixed;bottom:56px;left:0;right:0}.pwa-install-banner__close{color:var(--spotify-gray);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;line-height:1;position:absolute;top:4px;right:8px}.pwa-install-banner__close:hover{color:var(--spotify-white)}.pwa-install-banner__content{justify-content:space-between;align-items:center;gap:12px;padding-right:24px;display:flex}.pwa-install-banner__text{color:var(--spotify-gray);flex-direction:column;gap:2px;font-size:13px;display:flex}.pwa-install-banner__text strong{color:var(--spotify-white);font-size:14px}.pwa-install-banner__cta{background:var(--spotify-green);color:var(--spotify-black);cursor:pointer;border:none;border-radius:500px;flex-shrink:0;padding:8px 20px;font-size:14px;font-weight:600;transition:transform .1s}.pwa-install-banner__cta:hover{background:#1ed760;transform:scale(1.04)}.pwa-install-banner__ios-steps{color:var(--spotify-green);flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.pwa-install-banner__ios-steps svg:first-child{width:18px;height:18px}.pwa-install-banner__ios-steps svg:last-child{width:12px;height:12px;color:var(--spotify-gray)}}.lang-picker{position:relative}.lang-picker__popover{z-index:1000;background:#181818;border:1px solid #282828;border-radius:8px;width:220px;max-height:340px;padding:6px 0;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.lang-picker__row{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex}.lang-picker__row:hover{background:#ffffff1a}.lang-picker__row input[type=checkbox]{accent-color:#1db954;cursor:pointer}.recent-row__scroller{gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.recent-row__tile{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;width:140px;padding:12px;transition:background .2s;display:flex}.recent-row__tile:hover{background:#ffffff1a}.recent-row__artwork{background:linear-gradient(135deg,#282828,#181818);border-radius:8px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.recent-row__title{color:var(--spotify-white,#fff);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.recent-row__artist{color:var(--spotify-gray,#b3b3b3);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.library-create{margin-bottom:var(--space-lg,16px);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.library-create__input{min-width:220px;color:var(--spotify-white,#fff);background:#181818;border:1px solid #282828;border-radius:6px;flex:1;padding:10px 14px;font-size:14px}.library-create__input:focus{border-color:var(--spotify-green,#1db954);outline:none}.library-create__error{color:#f15e6c;width:100%;margin:0;font-size:13px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.library-card--liked{margin-bottom:var(--space-lg,16px);background:#a238ff14;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:inline-flex}.library-card__placeholder,.library-card__mosaic{background:linear-gradient(135deg,#282828,#181818);border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.library-card__delete{color:#b3b3b3;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;padding:6px;transition:opacity .2s;position:absolute;top:8px;right:8px}.collection-card:hover .library-card__delete{opacity:1}.library-card__action-btn{color:var(--spotify-white,#fff);cursor:pointer;background:0 0;border:1px solid #535353;border-radius:500px;padding:8px 18px;font-size:13px}.library-card__action-btn--danger{color:#f15e6c;border-color:#f15e6c55}.user-playlist__actions{margin-top:var(--space-md,12px);align-items:center;gap:10px;display:flex}.add-to-playlist{min-width:200px}.add-to-playlist__back{border-bottom:1px solid #282828;border-radius:0}.add-to-playlist__empty{color:#b3b3b3;margin:0;padding:12px 16px;font-size:13px}.add-to-playlist__create{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.add-to-playlist__input{width:100%;color:var(--spotify-white,#fff);background:#181818;border:1px solid #282828;border-radius:6px;padding:8px 10px;font-size:13px}.add-to-playlist__error{color:#f15e6c;margin:0;font-size:12px}.add-to-playlist__actions{justify-content:space-between;gap:8px;display:flex}.add-to-playlist__confirm{color:var(--spotify-green,#1db954)}.now-playing-bar__expand{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:0;display:flex}.now-playing-bar__expand .now-playing-bar__title,.now-playing-bar__expand .now-playing-bar__artist{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.now-playing-view{z-index:1200;color:var(--spotify-white,#fff);background:linear-gradient(#101010 0%,#181818 60%,#0f0f0f 100%);flex-direction:column;display:flex;position:fixed;inset:0}.now-playing-view__top{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.now-playing-view__label{letter-spacing:.12em;text-transform:uppercase;color:var(--spotify-gray,#b3b3b3);font-size:12px}.now-playing-view__btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;display:flex}.now-playing-view__btn:hover{background:#ffffff14}.now-playing-view__body{flex:1;grid-template-columns:minmax(280px,40%) 1fr;align-items:center;gap:32px;max-height:calc(100vh - 64px);padding:16px clamp(24px,6vw,96px) 48px;display:grid}@media (max-width:900px){.now-playing-view__body{grid-template-columns:1fr;align-items:start;overflow-y:auto}}.now-playing-view__info{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.now-playing-view__artwork{aspect-ratio:1;background:linear-gradient(135deg,#282828,#181818);border-radius:14px;justify-content:center;align-items:center;width:min(320px,70vw);display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}.now-playing-view__title{margin:8px 0 0;font-size:clamp(20px,3vw,30px)}.now-playing-view__artist{color:var(--spotify-gray,#b3b3b3);margin:0}.now-playing-view__lyrics{scrollbar-width:thin;align-self:stretch;max-height:calc(100vh - 140px);padding:16px 4px 48px;overflow-y:auto}.now-playing-view__lines{flex-direction:column;gap:14px;padding:40% 0;display:flex}.now-playing-view__line{text-align:left;color:var(--spotify-gray,#9b9b9b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:18px;line-height:1.45;transition:color .25s,transform .25s}.now-playing-view__line:hover{color:var(--spotify-white,#fff)}.now-playing-view__line--active{color:var(--spotify-white,#fff);font-size:22px;font-weight:600;transform:translate(4px)}.now-playing-view__plain p{color:var(--spotify-gray,#c7c7c7);margin:0 0 12px;line-height:1.6}.now-playing-view__empty{color:var(--spotify-gray,#b3b3b3);margin-top:32px}.now-playing-view__skeleton{flex-direction:column;gap:16px;margin-top:24px;display:flex}.now-playing-view__skeleton-line{background:linear-gradient(90deg,#232323 25%,#2e2e2e 50%,#232323 75%);border-radius:6px;width:70%;height:18px;animation:1.4s infinite nowplaying-shimmer}.now-playing-view__skeleton-line:nth-child(2n){width:52%}@keyframes nowplaying-shimmer{0%{opacity:.6}to{opacity:1}}.now-playing-bar__cached{background:#000000bf;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;display:inline-flex}.now-playing-view__controls{justify-content:center;align-items:center;gap:28px;margin-top:22px;display:flex}.now-playing-view__ctrl{color:var(--spotify-gray,#b3b3b3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s,transform .15s;display:flex}.now-playing-view__ctrl:hover{color:var(--spotify-white,#fff)}.now-playing-view__ctrl--play{background:var(--spotify-white,#fff);width:56px;height:56px;color:var(--spotify-black,#000);border-radius:50%}.now-playing-view__ctrl--play:hover,.now-playing-view__ctrl--play:focus,.now-playing-view__ctrl--play:focus-visible{color:var(--spotify-black,#000);transform:scale(1.05)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}