:root {
  color-scheme: light;
  --page:#fff; --surface:#fff; --surface-2:#f2f2f7; --surface-3:#e5e5ea;
  --text:#08080a; --muted:#8e8e93; --subtle:#aeaeb2; --line:rgba(60,60,67,.14);
  --accent:#fa233b; --accent-hover:#e31b34; --accent-soft:rgba(250,35,59,.1); --green:#2db568;
  --sidebar-width:248px; --player-height:82px; --shadow:0 18px 50px rgba(0,0,0,.16);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;
  font-synthesis:none; text-rendering:optimizeLegibility;
}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--page);color:var(--text)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(250,35,59,.28);outline-offset:2px}::selection{background:rgba(250,35,59,.18)}
body[data-theme="dark"]{color-scheme:dark;--page:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--text:#fff;--muted:#98989d;--subtle:#636366;--line:rgba(255,255,255,.12);--accent-soft:rgba(250,35,59,.2);--shadow:0 18px 50px rgba(0,0,0,.55)}
.app-shell{display:flex;width:100%;height:100dvh;background:var(--page)}
.sidebar{position:relative;z-index:5;display:flex;width:var(--sidebar-width);flex:0 0 var(--sidebar-width);flex-direction:column;padding:26px 14px 16px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}
.brand{display:flex;align-items:center;gap:10px;padding:0 11px 28px;color:var(--text);text-decoration:none}.brand-mark{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;gap:2px;padding:5px 4px;border-radius:8px;background:linear-gradient(160deg,#ff5468,#f20c32);box-shadow:0 4px 10px rgba(250,35,59,.24)}.brand-mark span{display:block;width:2px;border-radius:2px;background:#fff}.brand-mark span:nth-child(1),.brand-mark span:nth-child(5){height:6px;opacity:.76}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4){height:12px}.brand-mark span:nth-child(3){height:17px}.brand-name{font-size:20px;font-weight:750;letter-spacing:-.5px}
.sidebar-scroll{flex:1;overflow:auto}.nav-group{margin-bottom:24px}.nav-caption{margin:0 0 7px;padding:0 12px;color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase}.nav-item{display:flex;width:100%;min-height:40px;align-items:center;gap:11px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;font-size:14px;font-weight:560;cursor:pointer}.nav-item:hover{background:rgba(120,120,128,.1)}.nav-item.active{background:rgba(120,120,128,.14);color:var(--accent)}.nav-icon{display:inline-flex;width:19px;justify-content:center;color:var(--accent);font-size:19px}.nav-count{margin-left:auto;color:var(--muted);font-size:11px}.sidebar-bottom{padding-top:10px;border-top:1px solid var(--line)}.server-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;color:var(--muted);font-size:11px}.server-dot,.connect-dot{width:7px;height:7px;border-radius:50%;background:#c7c7cc}.server-chip.connected .server-dot,.connect-button.connected .connect-dot{background:var(--green);box-shadow:0 0 0 3px rgba(45,181,104,.13)}
.main-column{position:relative;display:flex;min-width:0;flex:1;flex-direction:column}.topbar{position:relative;z-index:4;display:flex;height:64px;flex:0 0 64px;align-items:center;gap:16px;padding:0 34px;background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:saturate(180%) blur(22px)}.mobile-brand{display:none;align-items:center;gap:8px;color:var(--text);text-decoration:none}.search-box{display:flex;width:min(460px,48vw);height:36px;align-items:center;gap:8px;padding:0 12px;border-radius:10px;background:var(--surface-2);color:var(--muted)}.search-icon{font-size:23px;line-height:1}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.search-box input::placeholder{color:var(--muted)}.search-box kbd{color:var(--subtle);font:10px inherit}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button,.tiny-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.icon-button{width:35px;height:35px}.icon-button:hover,.tiny-icon:hover{background:var(--surface-2);color:var(--text)}.mobile-menu,.language-toggle{display:none}.install-button{min-height:32px;padding:0 12px;border:0;border-radius:17px;background:var(--surface-2);color:var(--accent);font-size:12px;font-weight:650}.connect-button{display:inline-flex;min-height:35px;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:18px;background:var(--surface-2);color:var(--accent);font-size:12px;font-weight:680;cursor:pointer}.connect-button:hover{background:var(--surface-3)}
.main-scroll{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.content-wrap{width:min(1440px,100%);min-height:100%;margin:0 auto;padding:12px 42px 54px}.apple-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:8px 0 14px;border-bottom:1px solid var(--line)}.apple-page-title h1{margin:0;font-size:clamp(34px,4vw,48px);font-weight:760;letter-spacing:-.055em;line-height:1}.apple-page-title p{margin:0 0 4px;color:var(--muted);font-size:13px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:8px 0 16px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase}.page-heading h1{margin:0;font-size:clamp(34px,4vw,48px);letter-spacing:-.05em}.page-heading p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:13px}
.section-block{margin-top:30px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}.section-heading h2{margin:0;font-size:22px;font-weight:720;letter-spacing:-.035em}.section-heading p{margin:0 0 0 auto;color:var(--muted);font-size:12px}.text-button{border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:550;cursor:pointer}.apple-shelf .album-grid{display:grid;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;grid-template-columns:none;gap:18px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}.apple-shelf .album-grid::-webkit-scrollbar{display:none}.apple-shelf .album-card{width:min(18vw,220px);min-width:150px;scroll-snap-align:start}.album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.album-card,.playlist-card{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.album-art{position:relative;display:grid;width:100%;aspect-ratio:1;overflow:hidden;place-items:center;border-radius:8px;background:var(--cover-bg,linear-gradient(135deg,#c85761,#442f5f));box-shadow:0 6px 18px rgba(0,0,0,.1);isolation:isolate;transition:transform .2s}.album-card:hover .album-art{transform:scale(1.018)}.album-art img,.track-thumb img,.mini-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.album-art.has-art .art-glyph,.track-thumb.has-art>span,.mini-art.has-art .art-glyph{display:none}.art-glyph{position:relative;z-index:1;color:rgba(255,255,255,.9);font:300 clamp(38px,6vw,76px) Georgia,serif}.album-title{display:block;overflow:hidden;margin:9px 0 3px;color:var(--text);font-size:13px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.album-subtitle{display:block;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.tone-1{--cover-bg:linear-gradient(145deg,#442d67,#ba3f57 55%,#ed8a6b)}.tone-2{--cover-bg:linear-gradient(145deg,#123038,#5a9187,#c8b589)}.tone-3{--cover-bg:linear-gradient(135deg,#7566a4,#d17da3,#f2c4a2)}.tone-4{--cover-bg:linear-gradient(140deg,#273c58,#6f6072,#a27461)}.tone-5{--cover-bg:linear-gradient(135deg,#322854,#af465b)}.tone-6{--cover-bg:linear-gradient(160deg,#1c263f,#607baa,#d79b8a)}.tone-7{--cover-bg:linear-gradient(145deg,#3f3e56,#a14c55,#e28560)}.tone-8{--cover-bg:linear-gradient(145deg,#2d5d65,#65a5a0,#dacd9a)}
.welcome-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:28px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#f6f0f2,#f0f0f5)}body[data-theme="dark"] .welcome-card{background:var(--surface)}.welcome-card h2{margin:0 0 6px;font-size:24px}.welcome-card p{margin:0;color:var(--muted);font-size:13px}.welcome-mark{width:48px;height:48px}.primary-button,.pill-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 17px;border:0;border-radius:19px;background:var(--accent);color:#fff;font-size:13px;font-weight:680;cursor:pointer}.primary-button:hover,.pill-button:hover{background:var(--accent-hover)}.button-arrow{font-size:16px}.empty-inline{display:grid;min-height:140px;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:13px}.empty-state{display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.empty-icon{display:grid;width:62px;height:62px;place-items:center;margin-bottom:16px;border-radius:19px;background:var(--accent-soft);color:var(--accent);font-size:27px}.empty-state h3{margin:0;font-size:20px}.empty-state p{max-width:420px;margin:8px 0 18px;color:var(--muted);font-size:13px;line-height:1.5}
.library-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:16px}.library-links button{display:flex;min-height:54px;align-items:center;gap:12px;padding:0 4px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.library-link-icon{width:25px;color:var(--accent);font-size:21px;text-align:center}.library-links strong{font-size:15px;font-weight:520}.chevron{margin-left:auto;color:var(--subtle);font-size:25px;font-weight:300}.artist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.artist-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;padding:12px 7px;border:0;background:transparent;cursor:pointer}.artist-avatar{display:grid;width:min(12vw,140px);aspect-ratio:1;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e98790,#735b8f 57%,#37456a);color:#fff;font-size:36px;font-weight:700}.artist-card strong{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.artist-card small{color:var(--muted)}.playlist-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}.playlist-art{display:grid;width:100%;aspect-ratio:1;place-items:center;border-radius:8px;background:var(--cover-bg);color:#fff;font-size:48px;box-shadow:0 6px 18px rgba(0,0,0,.1)}.playlist-card strong,.playlist-card small{display:block;overflow:hidden;margin-top:8px;text-overflow:ellipsis;white-space:nowrap}.playlist-card small{margin-top:3px;color:var(--muted);font-size:12px}
.track-table{width:100%;border-collapse:collapse;font-size:13px}.track-table th{padding:0 10px 8px;border-bottom:1px solid var(--line);color:var(--muted);text-align:left;font-size:10px;font-weight:500;text-transform:uppercase}.track-table td{padding:7px 10px;border-bottom:1px solid var(--line)}.track-table tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 65%,transparent)}.track-table tbody tr.playing .track-title{color:var(--accent)}.track-cell{display:flex;min-width:190px;align-items:center;gap:10px}.track-thumb{position:relative;display:grid;width:42px;height:42px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:5px;background:var(--cover-bg);color:#fff}.track-title,.track-artist,.table-muted{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{max-width:340px;font-weight:520}.track-artist,.table-muted{max-width:240px;margin-top:3px;color:var(--muted);font-size:11px}.play-row{display:none}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-action{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.row-action:hover{background:var(--surface-2);color:var(--accent)}
.back-button{margin:6px 0 12px;padding:0;border:0;background:transparent;color:var(--accent);font-size:15px;cursor:pointer}.collection-hero{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:end;gap:34px;padding:12px 0 30px;border-bottom:1px solid var(--line)}.collection-copy p{margin:0 0 8px;color:var(--muted);font-size:12px;text-transform:uppercase}.collection-copy h1{margin:0;font-size:clamp(34px,5vw,58px);letter-spacing:-.055em;line-height:1}.collection-copy h2{margin:9px 0 22px;color:var(--accent);font-size:18px;font-weight:550}.detail-actions{display:flex;gap:10px}.detail-actions .pill-button:nth-child(2){background:var(--surface-2);color:var(--accent)}.detail-placeholder{display:grid;width:100%;aspect-ratio:1;place-items:center;border-radius:10px;background:var(--cover-bg);color:#fff;font-size:84px;box-shadow:0 12px 30px rgba(0,0,0,.15)}.detail-tracks{margin-top:18px}
.player-bar{position:relative;z-index:6;display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.25fr) minmax(180px,1fr);height:var(--player-height);flex:0 0 var(--player-height);align-items:center;gap:18px;padding:10px 24px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:saturate(180%) blur(24px)}.track-now{display:flex;min-width:0;align-items:center;gap:11px}.mini-art{position:relative;display:grid;width:50px;height:50px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:6px;background:var(--cover-bg);color:#fff}.mini-art .art-glyph{font-size:26px}.now-meta{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.now-meta strong,.now-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-meta strong{font-size:13px}.now-meta span{color:var(--muted);font-size:11px}.tiny-icon{width:30px;height:30px;flex:0 0 auto;font-size:17px}.like-current{font-size:20px}.player-center{min-width:0}.player-controls{display:flex;height:38px;align-items:center;justify-content:center;gap:clamp(16px,2.2vw,30px)}.player-action{padding:4px;border:0;background:transparent;color:var(--text);font-size:15px;cursor:pointer}.player-action.active{color:var(--accent)}.play-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;background:var(--text);color:var(--surface);cursor:pointer}.seek-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.seek-row input{width:100%}.player-extras{display:flex;align-items:center;justify-content:flex-end;gap:10px}.volume-control{display:flex;align-items:center;gap:7px;color:var(--muted)}.volume-control input{width:84px}input[type="range"]{height:3px;margin:0;appearance:none;border-radius:4px;background:var(--surface-3);cursor:pointer}input[type="range"]::-webkit-slider-thumb{width:9px;height:9px;appearance:none;border-radius:50%;background:var(--text)}#audioElement{display:none}.mobile-tabs{display:none}
.modal-layer{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.38);backdrop-filter:blur(12px)}.connect-modal{position:relative;width:min(430px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:30px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.modal-close{position:absolute;top:14px;right:14px;display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:21px;cursor:pointer}.modal-logo{margin-bottom:18px}.connect-modal h2{margin:0;font-size:28px;letter-spacing:-.04em}.modal-copy{margin:8px 0 20px;color:var(--muted);font-size:12px;line-height:1.55}.connect-modal form{display:grid;gap:13px}.connect-modal label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:600}.connect-modal input,.connect-modal select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);outline:0}.secure-note,.modal-footnote{color:var(--muted);font-size:10px;line-height:1.5}.form-error{color:var(--accent);font-size:11px}.full-button{width:100%}.scrim{display:none}
.side-panel{position:fixed;z-index:12;inset-block:0;right:0;display:flex;width:min(430px,100vw);flex-direction:column;padding:28px 26px 100px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(28px);transform:translateX(105%);transition:transform .28s ease}.side-panel.open{transform:translateX(0)}.side-panel-head{display:flex;justify-content:space-between}.side-panel-head h2{margin:0;font-size:28px}.panel-track{display:flex;align-items:center;gap:12px;margin-top:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-track strong,.panel-track small{display:block}.panel-track small{margin-top:4px;color:var(--muted)}.lyrics-content,.queue-content{overflow:auto;padding:24px 2px}.lyrics-content{color:var(--subtle);font-size:24px;font-weight:720;line-height:1.3}.lyrics-line{margin:0 0 20px}.lyrics-line.active{color:var(--text)}.lyrics-empty{color:var(--muted);font-size:13px;font-weight:450}.queue-item{display:flex;width:100%;align-items:center;gap:10px;padding:9px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.queue-item>span:nth-child(2){min-width:0;flex:1}.queue-item strong,.queue-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item small{color:var(--muted)}
.toast{position:fixed;z-index:30;left:50%;bottom:calc(var(--player-height) + 18px);max-width:min(90vw,420px);padding:11px 16px;border-radius:20px;background:var(--text);color:var(--surface);font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.settings-card{padding:20px;border-radius:16px;background:var(--surface-2)}.settings-card h3{margin:0 0 6px}.settings-card p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.5}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.settings-row strong,.settings-row small{display:block}.settings-row small{margin-top:3px;color:var(--muted)}.secondary-button{min-height:32px;padding:0 12px;border:0;border-radius:16px;background:var(--surface);color:var(--accent);cursor:pointer}
@media(max-width:1100px){:root{--sidebar-width:210px}.content-wrap{padding-inline:28px}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.artist-grid,.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.player-bar{grid-template-columns:minmax(190px,1fr) minmax(260px,1.1fr) auto}.volume-control{display:none}}
@media(max-width:760px){:root{--player-height:64px}.sidebar{display:none}.topbar{height:58px;flex-basis:58px;padding:0 16px}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:28px;height:28px}.mobile-brand strong{font-size:17px;letter-spacing:-.3px}.topbar .search-box{display:none}.topbar-actions{gap:5px}.theme-toggle,.install-button{display:none}body[data-view="search"] .topbar{height:104px;flex-basis:104px;flex-wrap:wrap;align-content:center;padding-block:9px}body[data-view="search"] .topbar .search-box{display:flex;width:100%;height:36px;order:3}.search-box kbd{display:none}.connect-button{width:34px;min-height:34px;justify-content:center;padding:0}.connect-button span:not(.connect-dot){display:none}.connect-button .connect-dot{width:9px;height:9px}.content-wrap{padding:8px 16px 150px}.apple-page-title{padding:6px 0 12px}.apple-page-title h1,.page-heading h1{font-size:34px}.apple-page-title p{display:none}.page-heading{align-items:flex-start}.page-heading p:not(.eyebrow){font-size:11px}.section-block{margin-top:24px}.section-heading h2{font-size:21px}.section-heading p{display:none}.apple-shelf{margin-right:-16px}.apple-shelf .album-grid{padding-right:16px}.apple-shelf .album-card{width:43vw;min-width:146px}.album-title{font-size:12px}.album-subtitle{font-size:11px}.welcome-card{grid-template-columns:auto 1fr;padding:20px}.welcome-card .primary-button{grid-column:1/-1}.welcome-card h2{font-size:20px}.library-links{grid-template-columns:1fr;margin-top:6px}.library-links button{min-height:51px}.album-grid,.artist-grid,.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.artist-avatar{width:120px}.collection-hero{grid-template-columns:1fr;justify-items:center;gap:20px;padding-top:0}.collection-hero>.album-art,.collection-hero>.detail-placeholder{width:min(72vw,300px)}.collection-copy{width:100%;text-align:center}.collection-copy h1{font-size:30px}.collection-copy h2{margin-bottom:15px}.detail-actions{justify-content:center}.back-button{margin-top:2px}.track-table th{display:none}.track-table td{padding:7px 4px}.track-table td:nth-child(2),.track-table td:nth-child(3){display:none}.track-cell{min-width:0}.track-title{max-width:48vw}.row-actions{gap:0}.row-action{width:28px}.row-actions .row-action[data-action="lyrics"]{display:none}.player-bar{position:fixed;z-index:8;right:10px;bottom:calc(61px + env(safe-area-inset-bottom));left:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;height:58px;padding:5px 9px;border:0;border-radius:15px;background:color-mix(in srgb,var(--surface-2) 88%,transparent);box-shadow:0 7px 28px rgba(0,0,0,.13);backdrop-filter:saturate(180%) blur(28px)}.track-now{gap:8px}.mini-art{width:44px;height:44px}.now-meta strong{font-size:12px}.now-meta span{font-size:10px}.like-current{display:none}.player-center{display:contents}.player-controls{grid-column:2;gap:12px}.player-controls .player-action:first-child,.player-controls .player-action:last-child{display:none}.play-button{width:32px;height:32px;background:transparent;color:var(--text);font-size:15px}.seek-row,.player-extras{display:none}.mobile-tabs{position:fixed;z-index:7;right:0;bottom:0;left:0;display:flex;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(180%) blur(28px)}.mobile-tabs button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--muted);cursor:pointer}.mobile-tabs button span{font-size:21px;line-height:1}.mobile-tabs button small{font-size:10px}.mobile-tabs button.selected{color:var(--accent)}.side-panel{padding:22px 18px 145px}.lyrics-content{font-size:22px}.toast{bottom:142px}.settings-grid{grid-template-columns:1fr}.settings-card{padding:16px}}
@media(max-width:380px){.content-wrap{padding-inline:13px}.apple-shelf{margin-right:-13px}.apple-shelf .album-card{min-width:132px}.track-title{max-width:42vw}}

.now-playing-layer{position:fixed;z-index:40;inset:0;display:grid;place-items:center;overflow:hidden;background:#342f32}.now-playing-backdrop{position:absolute;inset:-40px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.26),transparent 38%),linear-gradient(180deg,#8f7774,#4d4547 58%,#29282a);filter:saturate(.8)}.now-playing-sheet{position:relative;z-index:1;display:grid;width:min(940px,100%);height:min(760px,100dvh);grid-template-columns:minmax(320px,1fr) minmax(300px,.9fr);grid-template-rows:auto 1fr auto;align-items:center;gap:24px 54px;padding:36px 54px;color:#fff}.now-playing-close{position:absolute;top:20px;left:22px;display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:26px;cursor:pointer}.full-player-art{position:relative;display:grid;grid-row:1/4;width:100%;aspect-ratio:1;overflow:hidden;place-items:center;border-radius:12px;background:var(--cover-bg,linear-gradient(145deg,#5a3b54,#bb6270));box-shadow:0 28px 70px rgba(0,0,0,.36)}.full-player-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.full-player-meta{display:flex;align-self:end;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.22)}.full-player-meta strong,.full-player-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-player-meta strong{font-size:24px}.full-player-meta span{margin-top:5px;color:rgba(255,255,255,.66);font-size:17px}.full-player-meta button{width:38px;height:38px;flex:0 0 auto;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:22px;cursor:pointer}.full-seek input{width:100%;background:rgba(255,255,255,.26)}.full-seek input::-webkit-slider-thumb{background:#fff}.full-seek>div{display:flex;justify-content:space-between;margin-top:8px;color:rgba(255,255,255,.58);font-size:10px}.full-player-controls{display:flex;align-items:center;justify-content:space-around}.full-player-controls button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.full-player-controls .full-play-button{display:grid;width:66px;height:66px;place-items:center;border-radius:50%;background:#fff;color:#242326;font-size:24px}.full-player-actions{position:absolute;right:54px;bottom:28px;display:flex;gap:14px}.full-player-actions button{display:flex;min-width:72px;flex-direction:column;align-items:center;gap:5px;padding:8px;border:0;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.full-player-actions button span{font-size:21px}.full-player-actions button small{font-size:10px}
@media(max-width:760px){.now-playing-layer{place-items:stretch}.now-playing-sheet{width:100%;height:100dvh;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:64px 28px 28px;gap:22px}.now-playing-close{top:14px;left:14px}.full-player-art{grid-row:auto;width:min(78vw,360px);justify-self:center}.full-player-meta{align-self:auto;padding-bottom:13px}.full-player-meta strong{font-size:20px}.full-player-meta span{font-size:14px}.full-player-controls .full-play-button{width:58px;height:58px}.full-player-actions{position:static;justify-content:center}.full-player-actions button{background:transparent}.now-playing-backdrop{background:radial-gradient(circle at 50% 28%,#9c7b78 0,#5e4d4e 38%,#28282b 78%)}}
.track-table tbody tr{cursor:pointer}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.sf-icon{display:block;width:1.25em;height:1.25em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-icon .sf-icon{width:20px;height:20px}.search-icon .sf-icon{width:19px;height:19px}.icon-button .sf-icon,.tiny-icon .sf-icon{width:19px;height:19px}.player-action .sf-icon{width:20px;height:20px}.play-button .sf-icon{width:16px;height:16px}.mobile-tabs button>.sf-icon{width:22px;height:22px}.text-button{display:inline-flex;align-items:center;gap:1px}.text-button .sf-icon{width:13px;height:13px}.library-link-icon .sf-icon{width:22px;height:22px}.chevron .sf-icon{width:17px;height:17px}.empty-icon .sf-icon{width:28px;height:28px}.quick-art .sf-icon{width:22px;height:22px}.playlist-art .sf-icon,.detail-placeholder .sf-icon{width:34%;height:34%}.row-action .sf-icon{width:17px;height:17px}.track-thumb .sf-icon{width:19px;height:19px}.pill-button .sf-icon{width:16px;height:16px}.back-button{display:inline-flex;align-items:center;gap:3px}.back-button .sf-icon{width:17px;height:17px}.button-arrow{width:15px!important;height:15px!important}.secure-note>.sf-icon,.modal-footnote>.sf-icon{width:14px;height:14px;flex:0 0 auto}.modal-close .sf-icon,.now-playing-close .sf-icon{width:20px;height:20px}.full-player-meta button .sf-icon{width:23px;height:23px}.full-player-controls button .sf-icon{width:32px;height:32px}.full-player-controls .full-play-button .sf-icon{width:24px;height:24px}.volume-control>.sf-icon{width:17px;height:17px}.mini-art>.art-glyph{width:27px;height:27px}.full-player-art>.art-glyph{width:58px;height:58px}
.now-playing-backdrop{inset:-80px;filter:blur(42px) saturate(.92) brightness(.5);transform:scale(1.16)}.now-playing-layer::after{position:absolute;z-index:0;inset:0;background:rgba(8,8,10,.24);content:"";pointer-events:none}.full-player-actions{right:auto;bottom:24px;left:50%;width:210px;justify-content:space-between;gap:0;transform:translateX(-50%)}.full-player-actions button{width:46px;min-width:46px;height:46px;padding:0;border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(16px)}.full-player-actions button .sf-icon{width:23px;height:23px}.full-player-actions button:active{background:rgba(255,255,255,.18)}
@media(max-width:760px){.full-player-actions{position:absolute;right:auto;bottom:22px;left:50%;width:210px;justify-content:space-between;transform:translateX(-50%)}.full-player-actions button{background:transparent;backdrop-filter:none}.now-playing-backdrop{filter:blur(46px) saturate(.9) brightness(.46);transform:scale(1.2)}}
.full-player-actions button{justify-content:center}
.full-lyrics-view{display:flex;min-width:0;min-height:0;grid-column:1/-1;grid-row:1;align-self:stretch;flex-direction:column;padding:18px 0 4px}.full-lyrics-track{display:flex;min-width:0;align-items:center;gap:16px;padding:0 6px 18px}.lyrics-track-art{position:relative;display:grid;width:72px;height:72px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:10px;background:var(--cover-bg,linear-gradient(145deg,#5a3b54,#bb6270));box-shadow:0 10px 28px rgba(0,0,0,.22)}.lyrics-track-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lyrics-track-art .sf-icon{width:28px;height:28px}.lyrics-track-copy{min-width:0}.lyrics-track-copy strong,.lyrics-track-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lyrics-track-copy strong{font-size:22px;letter-spacing:-.025em}.lyrics-track-copy small{margin-top:3px;color:rgba(255,255,255,.64);font-size:16px}.full-lyrics-content{min-height:0;flex:1;overflow:auto;padding:24px 6px 72px;color:rgba(255,255,255,.34);font-size:clamp(27px,4.2vw,46px);font-weight:760;line-height:1.14;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 88%,transparent 100%)}.full-lyrics-content::-webkit-scrollbar{display:none}.full-lyrics-content .lyrics-line{margin:0 0 .72em;text-align:start;transition:color .25s,opacity .25s}.full-lyrics-content .lyrics-line.clickable{cursor:pointer}.full-lyrics-content .lyrics-line.active{color:#fff}.full-lyrics-content .lyrics-empty{color:rgba(255,255,255,.68);font-size:18px;font-weight:600}.full-lyrics-content .lyrics-source{margin:34px 0;color:rgba(255,255,255,.3);font-size:12px;font-weight:500}.now-playing-sheet.lyrics-mode{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;align-items:stretch}.now-playing-sheet.lyrics-mode .full-player-art,.now-playing-sheet.lyrics-mode .full-player-meta,.now-playing-sheet.lyrics-mode .full-seek{display:none}.now-playing-sheet.lyrics-mode .full-player-controls{width:min(440px,100%);grid-column:1;grid-row:2;justify-self:center;margin-bottom:34px}.full-player-actions button.active{background:rgba(255,255,255,.92);color:#222}
@media(max-width:760px){.now-playing-sheet.lyrics-mode{padding:62px 28px 24px;gap:10px}.full-lyrics-view{padding-top:20px}.full-lyrics-track{gap:13px;padding-bottom:12px}.lyrics-track-art{width:62px;height:62px;border-radius:9px}.lyrics-track-copy strong{font-size:18px}.lyrics-track-copy small{font-size:14px}.full-lyrics-content{padding-top:20px;padding-bottom:38px;font-size:clamp(28px,8.2vw,39px)}.now-playing-sheet.lyrics-mode .full-player-controls{margin-bottom:58px}.now-playing-sheet.lyrics-mode .full-player-actions{bottom:18px}}