:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#0a0a0c;--surface-1:#121216;--surface-2:#151519;--surface-3:#17171b;--surface-control:#24242a;--surface-inset:#0d0d10;--text:#f4f4f1;--text-strong:#fff;--text-muted:#97979f;--text-subtle:#7e7e87;--acid:#c7ff4a;--danger:#ff5c64;--warning:#ffc66d;--success:#d9f99d;--on-accent:#101108;--accent-soft:#c7ff4a14;--accent-line:#53682a;--scrim:#00000073;--scrim-strong:#0000009e;--skeleton:#1a1a1f;--skeleton-shine:#ffffff0f;--shadow-soft:0 6px 18px #0000004d;--shadow-card:0 14px 34px #00000073;--shadow-hero:0 24px 60px #0000008c;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur:.2s;--line:#29292f;--line-strong:#303037;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:14px;--fs-xl:16px;--fs-2xl:24px;--z-raised:2;--z-sticky:3;--z-sidebar:20;--z-selection:30;--z-header:40;--z-nav:55;--z-player:60;--z-sheet:70;--z-popover:80;--z-error:95;--z-toast:100;--z-dialog:100;--z-dialog-top:250;--sidebar:234px;--player:120px;--nav:calc(64px + env(safe-area-inset-bottom));--header:calc(58px + env(safe-area-inset-top))}@media (width<=720px){:root{--player:94px}}:root{color:var(--text);background:var(--surface-0);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 75% -15%, #202512 0, transparent 30%), var(--surface-0);min-width:320px}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s,background .16s,color .16s,box-shadow .2s}button:not(:disabled):active{transform:scale(.93)}button svg{pointer-events:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.track-swipe :focus-visible,.song-swipe :focus-visible,.shelf-row :focus-visible{outline-offset:-2px}[tabindex="-1"]:focus{outline:none}input[type=range]{width:100%;height:3px;accent-color:var(--acid)}select{color:var(--text-strong);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#1c1c21;height:40px;padding:0 10px}.primary,.secondary,.danger{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 19px;font-weight:750;display:inline-flex}.primary{background:var(--acid);color:#101108}.primary:hover{background:#d6ff7a;transform:translateY(-1px)}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary{color:var(--text-strong);background:#25252b}.danger{background:var(--danger);color:#190607}.full{width:100%}.icon-button{color:#a4a4ac;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{color:var(--text-strong);background:var(--surface-control)}.icon-button.active{color:var(--acid)}.icon-button:disabled{opacity:.25;cursor:default}.text-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;margin:10px auto;display:flex}.primary:not(:disabled):active,.secondary:not(:disabled):active{transform:scale(.97)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--acid);letter-spacing:.16em;font-size:var(--fs-sm);margin:0 0 12px;font-weight:800}.muted,.search-hint{color:var(--text-muted)}.search-hint{font-size:var(--fs-sm);margin:10px 2px 38px}.notice,.error{border-radius:var(--radius-sm);font-size:var(--fs-sm);align-items:center;gap:8px;padding:10px 12px;display:flex}.notice{color:var(--success);background:#1e2811}.error{color:#ff9ba0;background:#32171a}.empty{min-height:240px;color:var(--text-muted);text-align:center;border:1px dashed #2b2b32;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty h3{color:var(--text-strong);margin:13px 0 4px}.empty p{max-width:420px;font-size:var(--fs-md);margin:0}.rotated{transform:rotate(180deg)}.spin{animation:1s linear infinite spin}.artwork{--hue:80;aspect-ratio:1;background:linear-gradient(145deg, hsl(var(--hue) 45% 43%), hsl(calc(var(--hue) + 50) 40% 16%));color:#ffffffd1;border-radius:7px;flex:none;place-items:center;width:46px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.artwork.large{aspect-ratio:1;border-radius:11px;width:100%}.artwork img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.art-button{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.art-button:disabled{cursor:default}.play-overlay{opacity:0;background:#00000073;border-radius:7px;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.art-button:hover .play-overlay{opacity:1}.modal-backdrop{z-index:var(--z-dialog);padding:20px;padding-inline:max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(580px,100%);padding:28px;position:relative;box-shadow:0 30px 100px #000}.modal h2{margin:0 0 8px;font-size:30px}.modal p:not(.eyebrow){color:var(--text-muted);font-size:var(--fs-md)}.modal textarea{resize:vertical;background:var(--surface-inset);border:1px solid var(--line-strong);width:100%;color:var(--text-strong);border-radius:10px;margin-top:10px;padding:13px}.modal .close{position:absolute;top:12px;right:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=720px){.modal{padding:24px 18px}}@media (pointer:coarse){select{height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.equalizer.is-playing i:nth-child(2n){transform:scaleY(.8)}.equalizer.is-playing i:nth-child(odd){transform:scaleY(.4)}}.app{min-height:100vh;padding-left:var(--sidebar)}.app.has-player{padding-bottom:var(--player)}.content{min-height:calc(100vh - var(--player));overflow-anchor:none}.page-view:not([hidden]){animation:.16s ease-out content-in}.sidebar{width:var(--sidebar);z-index:var(--z-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0d10f0;border-right:1px solid #1d1d22;flex-direction:column;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.logo{font-weight:750;font-size:var(--fs-xl);letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 8px 26px;display:flex}.logo>span{background:var(--surface-0);width:32px;height:32px;color:var(--surface-0);border-radius:10px;place-items:center;display:grid;overflow:hidden}.logo img,.brand-mark img{width:100%;height:100%;display:block}.sidebar nav,.sidebar-bottom{gap:5px;display:grid}.sidebar nav button,.sidebar-bottom>button{color:#a7a7af;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;min-height:44px;padding:0 12px;display:flex}.sidebar nav button:hover,.sidebar-bottom>button:hover,.sidebar nav button.active,.sidebar-bottom>button.active{color:var(--text-strong);background:#1c1c21}.sidebar nav button.active svg,.sidebar-bottom>button.active svg{color:var(--acid)}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:12px;padding:14px 8px 0;display:flex}.profile>div{background:#2b2b32;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.profile span{gap:1px;display:grid}.profile strong{font-size:var(--fs-md)}.profile small{color:var(--text-muted);text-transform:capitalize;font-size:var(--fs-xs)}.profile.large{border:0;margin:0;padding:0}.profile.large>div{width:48px;height:48px}.mobile-header,.mobile-nav{display:none}.page{max-width:1320px;padding:48px clamp(28px,5vw,74px) 80px;padding-inline:max(clamp(28px, 5vw, 74px), env(safe-area-inset-left)) max(clamp(28px, 5vw, 74px), env(safe-area-inset-right));margin:0 auto}.page.narrow{max-width:1100px}.page>h1{letter-spacing:-.055em;margin:6px 0 34px;font-size:clamp(40px,6vw,70px);line-height:.95}.page>.eyebrow{display:none}.section-title,.title-row{justify-content:space-between;align-items:end;gap:20px;margin:32px 0 18px;display:flex}.section-title h2,.title-row h1{letter-spacing:-.035em;margin:0;font-size:26px}.section-title>span{color:var(--text-muted);font-size:var(--fs-sm)}.title-row{margin:0 0 30px}.title-row h1{font-size:clamp(40px,6vw,70px)}.login-shell{background:radial-gradient(circle at 50% 0%, #242a14, transparent 33%), var(--surface-0);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#141418eb;border:1px solid #2a2a31;border-radius:18px;width:min(410px,100%);padding:42px;box-shadow:0 35px 100px #000}.brand-mark{background:var(--surface-0);width:50px;height:50px;color:var(--surface-0);border-radius:14px;place-items:center;margin-bottom:32px;display:grid;overflow:hidden}.login-card h1{letter-spacing:-.05em;margin:0 0 7px;font-size:42px}.login-card form{gap:15px;margin-top:30px;display:grid}.login-card label{color:#babac1;font-size:var(--fs-xs);gap:7px;font-weight:700;display:grid}.login-card input{border:1px solid var(--line-strong);width:100%;height:48px;color:var(--text-strong);background:#0e0e11;border-radius:9px;padding:0 12px}.loading-screen{min-height:100vh;color:var(--acid);place-items:center;display:grid}@keyframes content-in{0%{opacity:.7}}@media (width>=721px) and (width<=1120px){.sidebar{padding-bottom:calc(var(--player) + 20px)}}@media (width<=720px){.app{padding-left:0;padding-top:var(--header);padding-bottom:var(--nav)}.app.has-player{padding-bottom:calc(var(--player) + var(--nav) + 16px)}.sidebar{display:none}.mobile-header{height:var(--header);padding:0 10px;padding-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));z-index:var(--z-header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0ff2;border-bottom:1px solid #222228;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.mobile-header .logo{padding:0}.mobile-header .logo>span{width:30px;height:30px}.mobile-nav{height:var(--nav);padding-bottom:env(safe-area-inset-bottom);z-index:var(--z-nav);background:#101014;border-top:1px solid #2f2f37;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0007}.mobile-nav button{color:var(--text-subtle);font-size:var(--fs-sm);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:48px;display:flex}.mobile-nav button.active{color:var(--acid)}.page{padding:30px 16px 50px;padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}.page>h1{margin-bottom:25px;font-size:44px}.title-row{align-items:center}.title-row h1{font-size:44px}.title-row .primary{padding:0 13px}.login-card{padding:30px 24px}}.avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.avatar-button>span{background:var(--surface-control);width:32px;height:32px;color:var(--text-strong);font-weight:750;font-size:var(--fs-md);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow var(--dur-fast) ease;border-radius:50%;place-items:center;display:grid}.avatar-button.active>span{box-shadow:inset 0 0 0 2px var(--acid)}::view-transition{pointer-events:none}::view-transition-old(root){animation-duration:.16s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.16s;animation-timing-function:var(--ease-out)}:root[data-nav-transition] .content{view-transition-name:page-content}:root[data-nav-transition=forward] .detail-hero .detail-art{view-transition-name:detail-art}::view-transition-new(page-content){animation:vt-fade-in .18s var(--ease-out) both}:root[data-nav-transition=forward]::view-transition-new(page-content){animation:vt-slide-in .22s var(--ease-out) both}:root[data-nav-transition=back]::view-transition-new(page-content){animation:vt-slide-back .22s var(--ease-out) both}::view-transition-group(detail-art){animation-duration:.24s;animation-timing-function:var(--ease-out)}::view-transition-old(detail-art){object-fit:cover;height:100%}::view-transition-new(detail-art){object-fit:cover;height:100%}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-slide-in{0%{opacity:0;transform:translate(28px)}}@keyframes vt-slide-back{0%{opacity:0;transform:translate(-28px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.home{padding-top:34px}.home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.home-head h1{letter-spacing:-.055em;margin:4px 0 0;font-size:clamp(38px,6vw,62px);line-height:.98}.home-stats{color:var(--text-muted);font-size:var(--fs-sm);gap:16px;display:flex}.home-stats strong{color:var(--text);margin-right:3px;font-size:15px}.resume-card{text-align:left;border-radius:var(--radius-lg);background:linear-gradient(120deg, #181b12, var(--surface-1));width:100%;color:inherit;cursor:pointer;border:1px solid #2a301c;align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:flex}.resume-card .artwork{border-radius:11px;width:54px}.resume-card>svg{color:var(--acid);flex-shrink:0}.resume-copy{flex:1;gap:2px;min-width:0;display:grid}.resume-copy .eyebrow{margin:0 0 1px}.resume-copy strong,.resume-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resume-copy small{color:var(--text-muted);font-size:var(--fs-xs)}.resume-progress{background:#ffffff1f;border-radius:3px;height:3px;margin-top:5px;display:block;overflow:hidden}.resume-progress>span{background:var(--acid);height:100%;display:block}.spotlight{background:radial-gradient(130% 150% at 0% 0%, hsl(var(--hue) 45% 22%), transparent 62%), var(--surface-1);border:1px solid var(--line);border-radius:22px;align-items:center;gap:clamp(18px,4vw,46px);margin-bottom:28px;padding:26px;display:flex;position:relative;overflow:hidden}.spotlight-art{flex:0 0 clamp(118px,23vw,208px);width:clamp(118px,23vw,208px)}.spotlight-art .artwork{border-radius:var(--radius-lg);width:100%;box-shadow:0 20px 50px #0008}.spotlight-copy{min-width:0}.spotlight-copy h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:6px 0;font-size:clamp(26px,4vw,44px)}.spotlight-copy>p:not(.eyebrow){color:#b6b6be;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.hero-actions{align-items:center;gap:10px;margin-top:18px;display:flex}.spotlight-copy .hero-actions{margin-top:15px}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px;display:grid}.quick-pick{border:1px solid var(--line);border-radius:var(--radius-md);min-height:60px;color:inherit;text-align:left;cursor:pointer;background:#ffffff05;align-items:center;gap:12px;min-width:0;padding:8px 12px 8px 8px;display:flex}.quick-pick:hover{background:#ffffff0c}.quick-pick .artwork{border-radius:var(--radius-sm);width:44px}.quick-pick>span{flex:1;min-width:0;display:grid}.quick-pick strong,.quick-pick small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-pick strong{font-size:var(--fs-md)}.quick-pick small{color:var(--text-muted);font-size:var(--fs-xs)}.quick-pick>svg{color:var(--acid);flex-shrink:0}.shelf{margin-bottom:26px}.shelf .section-title{margin-bottom:12px}.shelf-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.shelf-card{scroll-snap-align:start;flex:0 0 150px;align-content:start;gap:3px;width:150px;display:grid}.shelf-art{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;width:150px;height:150px;padding:0;position:relative;overflow:hidden}.shelf-art .artwork{border-radius:var(--radius-md);width:100%;height:100%}.shelf-art .play-overlay{border-radius:var(--radius-md);opacity:0}.shelf-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);overflow:hidden}.shelf-meta{color:var(--text-muted);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.shelf-card:hover .play-overlay{opacity:1}}.shelf-card-actions{gap:6px;margin-top:3px;display:flex}.shelf-card-actions button{color:#dcdce2;border-radius:var(--radius-pill);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;justify-content:center;align-items:center;min-height:28px;padding:0 10px;display:inline-flex}.playlist-art{color:var(--acid);background:linear-gradient(145deg,#586f2a,#14151a);place-items:center;display:grid}.search-kind{gap:6px;margin:-18px 0 12px;display:flex}.search-kind button{border:1px solid var(--line);background:var(--surface-1);min-height:38px;color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;padding:0 14px}.search-kind button.active{color:var(--acid);background:#252c17;border-color:#53682a}.search-box{background:var(--surface-3);border:1px solid #2a2a31;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;height:60px;padding:0 8px 0 18px;display:grid}.search-box:focus-within{outline:2px solid var(--acid);outline-offset:3px;border-color:#657e2e;box-shadow:0 0 0 3px #c7ff4a14}.search-box input{color:var(--text-strong);background:0 0;border:0;outline:none;min-width:0}.search-box button{background:var(--acid);color:#111;border:0;border-radius:9px;height:44px;padding:0 18px;font-weight:750}.track-list{border-top:1px solid var(--line)}.track-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(150px,1fr) auto 50px 44px;align-items:center;gap:14px;min-height:68px;display:grid;position:relative}.track-row:has(.check){grid-template-columns:28px auto minmax(150px,1fr) auto 50px 44px}.track-row.active{background:#16171b}.track-row.is-current .track-copy strong{color:var(--acid)}.track-row.is-current .art-button{position:relative}.track-row.is-current .track-number{visibility:hidden}.row-equalizer{border-radius:inherit;color:var(--acid);pointer-events:none;background:#00000073;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.track-row.is-numbered .row-equalizer{background:0 0}.row-equalizer i{transform-origin:bottom;background:currentColor;border-radius:2px;width:3px;height:14px;transform:scaleY(.3)}.row-equalizer.is-playing i{animation:.8s ease-in-out infinite alternate equalize}.row-equalizer.is-playing i:nth-child(2){animation-duration:.65s;animation-delay:-.5s}.row-equalizer.is-playing i:nth-child(3){animation-duration:.9s;animation-delay:-.15s}.track-row:hover .row-equalizer,.track-row:focus-within .row-equalizer{opacity:0}@media (hover:hover){.track-row:hover{background:#ffffff04}}.track-copy{text-align:left;cursor:pointer;background:0 0;border:0;align-content:center;min-width:0;min-height:48px;display:grid}.track-copy:disabled{cursor:default}.track-copy strong{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-copy span{color:var(--text-muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quality{color:#9b9ba3;font-size:var(--fs-xs);letter-spacing:.08em;white-space:nowrap;border:1px solid #3a3a43;border-radius:4px;padding:3px 5px}.quality.lossless{color:var(--acid);border-color:#567322}.track-duration{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);text-align:right}.check{width:22px;height:22px;color:var(--surface-0);background:0 0;border:1px solid #484851;border-radius:6px;place-items:center;display:grid}.check.selected{border-color:var(--acid);background:var(--acid)}.playlist-tracks>div,.track-list>.track-row,.track-list>.track-swipe{content-visibility:auto;contain-intrinsic-size:auto 72px}.swipe-surface{touch-action:pan-y}.track-swipe{touch-action:pan-y;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.track-swipe .swipe-front{background:#101114;border:0;position:relative}.track-swipe .track-row button{touch-action:pan-y}.row-reveals{color:var(--acid);background:#283619;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.row-reveals span{font-size:var(--fs-xs);justify-items:center;gap:4px;font-weight:700;display:grid}.row-reveals span:last-child{margin-left:auto}.track-swipe,.track-swipe *,.playlist-track,.playlist-track *,.queue-list>div,.queue-list .queue-copy,.player-bar .track-copy,.now-heading,.now-heading *,.queue-drag-handle,.playlist-drag-handle{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.tabs button{color:var(--text-muted);white-space:nowrap;background:0 0;border:0;min-height:48px;padding:0 13px}.tabs button.active{color:var(--text-strong);box-shadow:inset 0 -2px var(--acid)}.tabs span{font-size:var(--fs-xs);background:#2a2a30;border-radius:20px;padding:2px 6px}.library-tools{align-items:center;gap:12px;margin:20px 0;display:flex}.library-tools .primary{min-height:48px;padding-inline:20px}.library-filter{border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;color:var(--text-muted);flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.library-filter input{width:100%;min-width:0;height:48px;color:var(--text);background:0 0;border:0}.album-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.album-card{text-align:left;cursor:pointer;background:#ffffff04;border:0;border-radius:14px;grid-template-rows:1fr 1fr auto;grid-template-columns:48px minmax(0,1fr);gap:5px 14px;min-width:0;padding:14px;display:grid}.album-card .album-art-button{cursor:pointer;background:0 0;border:0;grid-area:span 2/1;align-self:start;padding:0}.album-card .artwork{border-radius:10px;width:48px;height:48px;margin:0;transition:transform .22s,box-shadow .22s}.album-card .artwork svg{width:24px;height:24px}.album-card strong{text-overflow:ellipsis;white-space:nowrap;align-self:end;overflow:hidden}.album-card span{color:var(--text-muted);font-size:var(--fs-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.album-card:hover .artwork{transform:translateY(-4px);box-shadow:0 12px 35px #0007}}.album-actions{grid-column:1/-1;gap:8px;margin-top:10px;display:flex}.album-actions .secondary{min-height:34px;font-size:var(--fs-sm);padding:0 12px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.playlist-grid>button{text-align:left;border:1px solid var(--line);background:var(--surface-1);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:14px;min-height:78px;padding:15px;display:flex}.playlist-grid>button:hover{background:#171915;border-color:#4b5a2d}.playlist-grid>button svg{color:var(--acid)}.playlist-grid>button div{min-width:0;display:grid}.playlist-grid span{color:var(--text-muted);font-size:var(--fs-xs)}.sticky-tools,.sticky-picker{z-index:var(--z-sticky);background:#0e0f12;justify-content:space-between;gap:10px;padding:12px 0;display:flex;position:sticky;top:0}.sticky-picker{top:72px}.sticky-actions{gap:8px;margin-left:auto;display:flex}.playlist-title-row{align-items:center;gap:6px;display:flex}.playlist-title-row h2{margin:0}.playlist-title-row .icon-button{width:38px;height:38px;color:var(--text-muted)}.playlist-name-row{gap:8px;margin:14px 0 8px;display:flex}.playlist-name-row input{border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;height:46px;color:inherit;background:#ffffff05;flex:1;padding:0 14px}.playlist-actions{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;display:grid}.playlist-actions .secondary{width:100%;min-height:46px}.playlist-tracks>div{border-bottom:1px solid var(--line);align-items:center;gap:2px;display:flex}.playlist-tracks>.track-swipe{content-visibility:visible;display:block}.playlist-tracks .queue-copy{text-align:left;flex:1;min-width:0}.playlist-tracks .icon-button{flex-shrink:0;width:44px;height:48px}.playlist-tracks .is-dragging{background:#2b3022;border-radius:10px;box-shadow:0 8px 22px #0008}.playlist-tracks .drop-target{box-shadow:inset 0 -3px var(--acid)}.playlist-track{align-items:center;gap:2px;display:flex}.playlist-drag-handle{touch-action:none;cursor:grab}.song-picker label{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:14px;min-height:64px;display:flex}.song-picker input{width:22px;height:22px;accent-color:var(--acid)}.song-picker span{min-width:0}.song-picker strong,.song-picker small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.song-picker small{color:var(--text-muted);margin-top:5px}.import-list{gap:10px;display:grid}.import-card{border-radius:var(--radius-md);background:#131317;border:1px solid #25252b;overflow:hidden}.import-card.failed{border-color:#573137}.import-card.partial{border-color:#5d492a}.import-summary{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px 1fr auto 44px;align-items:center;gap:13px;width:100%;min-height:78px;padding:10px 14px;display:grid}.import-copy{min-width:0;display:grid}.import-summary span{color:var(--text-muted);font-size:var(--fs-xs)}.import-summary .import-state-label{color:#b9b9c2;text-transform:uppercase;letter-spacing:.06em;margin-top:5px;font-weight:750}.import-summary .import-state-label.complete{color:var(--acid)}.import-summary .import-state-label.failed{color:#ff8d92}.import-summary .import-state-label.partial{color:var(--warning)}.import-summary .import-state-label:is(.received,.expanding,.processing){color:#b9d77a}.status-dot{background:var(--surface-control);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.status-dot.complete{color:var(--acid)}.status-dot.failed,.status-dot.partial{color:#ff797f}.status-dot.received,.status-dot.expanding,.status-dot.processing{color:#b9d77a}.import-counts{gap:7px;display:flex}.import-counts span{background:#202026;border-radius:6px;padding:5px 8px}.import-counts .attention{color:#ffbd5c}.import-status{border-top:1px solid var(--line);padding:14px 16px 13px 68px}.import-status>div{align-items:center;gap:8px;display:flex}.import-status p{color:#c0c0c8;font-size:var(--fs-md);margin:7px 0 4px;line-height:1.45}.import-status small{color:var(--text-muted);font-size:var(--fs-xs)}.import-status.failed{background:#ff5c650f}.import-status.failed>div,.import-status.failed p{color:#ff9da1}.import-status.partial>div{color:var(--warning)}.import-status.complete>div{color:var(--acid)}.import-notice{margin-bottom:12px}.import-items{border-top:1px solid var(--line);gap:3px;padding:8px 14px 13px 68px;display:grid}.import-items>div{grid-template-columns:124px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.import-items>div>div{display:grid}.import-items small{color:var(--text-muted)}.mini-state{font-size:var(--fs-xs);color:var(--text-muted);font-weight:700}.mini-state.done{color:var(--acid)}.mini-state.attention{color:var(--warning)}.mini-state.error{color:var(--danger)}.mini-state.working{color:var(--text)}.import-actions{justify-content:flex-end;gap:8px;padding:0 14px 14px;display:flex}.match-form{gap:7px;margin-top:7px;display:flex}.match-form input{background:var(--surface-inset);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:min(380px,100%);min-width:0;height:38px;color:var(--text-strong);padding:0 10px}.match-form .secondary{min-height:38px;padding:0 13px}.storage-hero{background:linear-gradient(130deg, #181a12, var(--surface-1));border:1px solid #2a301c;border-radius:15px;align-items:center;gap:25px;min-height:170px;padding:25px;display:flex}.storage-hero h2{margin:0 0 6px;font-size:32px}.storage-hero h2 span{color:var(--text-muted);font-size:17px;font-weight:500}.storage-hero p{color:var(--text-muted);margin:0}.ring{--fill:10%;aspect-ratio:1;width:108px;color:var(--acid);background:radial-gradient(circle, var(--surface-1) 54%, transparent 56%), conic-gradient(var(--acid) var(--fill), #2c2e27 0);border-radius:50%;align-content:center;place-items:center;gap:4px;display:grid}.ring strong{font-size:var(--fs-md);color:var(--text-strong)}.storage-breakdown{border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:12px;display:grid;overflow:hidden}.storage-breakdown div{border-right:1px solid var(--line);gap:4px;padding:15px;display:grid}.storage-breakdown div:last-child{border:0}.storage-breakdown span{color:var(--text-muted);text-transform:capitalize;font-size:var(--fs-sm)}.storage-breakdown strong{font-size:var(--fs-md)}.storage-link{margin-top:16px}.selection-bar{left:calc(50% + var(--sidebar) / 2);bottom:calc(var(--player) + 18px);background:var(--surface-control);border-radius:var(--radius-pill);min-width:370px;z-index:var(--z-selection);border:1px solid #3a3a42;justify-content:space-between;align-items:center;padding:8px 8px 8px 20px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 15px 50px #000}.trash-list{gap:10px;display:grid}.trash-row{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff05;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.trash-copy{gap:3px;min-width:0;display:grid}.trash-copy strong{font-size:var(--fs-lg)}.trash-copy small{color:var(--text-muted);font-size:var(--fs-xs)}.trash-status{text-transform:capitalize;font-size:var(--fs-xs);color:#cfd3c8;align-items:center;gap:6px;display:inline-flex}.trash-status.trashed,.trash-status.restored{color:var(--success)}.trash-status.partial,.trash-status.purge_queued{color:#f5c06b}.trash-actions{flex-wrap:wrap;gap:8px;display:flex}.trash-actions button:disabled{opacity:.35;cursor:default}.settings-card{background:var(--surface-1);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;min-height:94px;padding:18px;display:flex}.provider-list{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.provider-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:12px 16px;display:flex}.provider-list>div:last-child{border-bottom:0}.provider-list>div>div{text-transform:capitalize;display:grid}.provider-list span{color:var(--text-muted);font-size:var(--fs-xs)}.provider-state{background:var(--surface-control);border-radius:6px;padding:5px 8px}.provider-state.connected{color:var(--acid);background:#202a13}@media (width<=1080px){.storage-breakdown div{border-bottom:1px solid var(--line)}}@media (width<=720px){.home{padding-top:22px}.shelf-card,.shelf-art{flex-basis:128px;width:128px}.shelf-art{height:128px}.quick-grid{grid-template-columns:1fr}.spotlight{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.spotlight-art{width:152px}.spotlight-copy>p:not(.eyebrow){white-space:normal}.spotlight-copy .hero-actions{flex-wrap:wrap}.track-row{grid-template-columns:46px minmax(0,1fr) 44px;gap:10px}.track-row:has(.check){grid-template-columns:26px auto minmax(100px,1fr) 44px}.track-row .track-badges,.track-row>.quality,.track-duration{display:none}.playlist-grid{grid-template-columns:1fr}.sticky-tools{top:var(--header)}.sticky-picker{top:calc(var(--header) + 58px)}.playlist-name-row{flex-wrap:wrap}.playlist-name-row input{min-width:140px}.import-summary{grid-template-columns:38px 1fr 34px}.import-counts{display:none}.import-status,.import-items{padding-left:20px}.storage-hero{min-height:130px;padding:18px}.storage-hero h2{font-size:var(--fs-2xl)}.storage-hero h2 span{font-size:var(--fs-md);display:block}.ring{width:88px}.selection-bar{left:12px;right:12px;bottom:calc(var(--player) + var(--nav) + 16px);min-width:0;transform:none}}@media (pointer:coarse){.shelf-card-actions button,.album-actions .secondary,.search-kind button,.playlist-title-row .icon-button,.check{position:relative}.shelf-card-actions button:before,.album-actions .secondary:before,.search-kind button:before,.playlist-title-row .icon-button:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.check:before{content:"";width:36px;height:44px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.match-form input{height:44px}.match-form .secondary{min-height:44px}}.section-subtitle{color:var(--text-muted);font-size:var(--fs-md);margin:4px 0 0}.see-all{border-radius:var(--radius-pill);min-height:44px;color:var(--text-muted);font-size:var(--fs-md);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:0 4px 0 10px;font-weight:650;display:inline-flex}.see-all:hover{color:var(--text-strong);background:var(--surface-control)}.empty-actions{gap:10px;margin-top:18px;display:flex}.back-button{border-radius:var(--radius-pill);min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin:-12px 0 10px -10px;padding:0 14px 0 6px;font-weight:650;display:inline-flex}.back-button:hover{color:var(--text-strong);background:var(--surface-control)}.link-button{min-height:32px;color:var(--text-strong);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.link-button:hover{text-underline-offset:3px;text-decoration:underline}.cover-card{scroll-snap-align:start;min-width:0;position:relative}.shelf-row>.cover-card{flex:0 0 150px;width:150px}.cover-open{width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);background:0 0;border:0;gap:3px;padding:0;display:grid}.cover-open:not(:disabled):active{transform:scale(.97)}.cover-art{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);margin-bottom:7px;display:block;position:relative;overflow:hidden}.cover-art .shared-art,.cover-art .cover-mosaic,.cover-art .artwork{border-radius:inherit;width:100%;height:100%;display:grid}.cover-title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-lg);font-weight:700;overflow:hidden}.cover-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--fs-sm);overflow:hidden}.cover-card.is-round .cover-art{border-radius:50%}.cover-card.is-round .cover-title,.cover-card.is-round .cover-meta{text-align:center}.cover-overlay{aspect-ratio:1;pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:6px;padding:8px;display:flex;position:absolute;inset:0 0 auto}.cover-action{pointer-events:auto;background:var(--scrim-strong);width:44px;height:44px;color:var(--text-strong);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) ease, transform var(--dur) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border-radius:50%;place-items:center;display:grid;transform:translateY(6px)}.cover-action.is-play{background:var(--acid);color:var(--on-accent);box-shadow:var(--shadow-card)}.cover-card:focus-within .cover-action{opacity:1;transform:none}@media (hover:hover){.cover-card:hover .cover-art{box-shadow:var(--shadow-card);transform:translateY(-3px)}.cover-card:hover .cover-action{opacity:1;transform:none}}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:22px 16px;display:grid}.cover-grid>.list-load-more{grid-column:1/-1}.shared-art{width:100%;height:100%;display:block}.shared-art .artwork.large{border-radius:inherit;width:100%;height:100%}.artist-art{background:linear-gradient(145deg, hsl(var(--hue) 35% 32%), hsl(calc(var(--hue) + 40) 30% 14%));color:var(--text-muted);place-items:center;display:grid}.cover-mosaic{background:var(--surface-1);width:100%;height:100%;display:grid;overflow:hidden}.cover-mosaic.is-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.mosaic-cell{--hue:80;background:linear-gradient(145deg, hsl(var(--hue) 45% 38%), hsl(calc(var(--hue) + 50) 40% 14%));min-width:0;min-height:0;color:var(--text-muted);place-items:center;display:grid}.mosaic-cell img{object-fit:cover;width:100%;height:100%}.shelf-row.is-entering>*{animation:card-in .15s var(--ease-out) both}.shelf-row.is-entering>:nth-child(2){animation-delay:18ms}.shelf-row.is-entering>:nth-child(3){animation-delay:36ms}.shelf-row.is-entering>:nth-child(4){animation-delay:54ms}.shelf-row.is-entering>:nth-child(5){animation-delay:72ms}.shelf-row.is-entering>:nth-child(n+6){animation-delay:90ms}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.quick-pick:not(:disabled):active,.top-result:not(:disabled):active,.genre-tile:not(:disabled):active,.shelf-art:not(:disabled):active{transform:scale(.97)}.skeleton{background:var(--skeleton);border-radius:var(--radius-sm);display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-shine), transparent);animation:1.3s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-title{width:min(320px,70%);height:44px;margin:8px 0 30px}.skeleton-heading{width:180px;height:22px;margin:30px 0 14px}.skeleton-row{gap:16px;display:flex;overflow:hidden}.skeleton-card{flex:0 0 150px;gap:8px;display:grid}.skeleton-cover{aspect-ratio:1;border-radius:var(--radius-md)}.skeleton-cover.is-round{border-radius:50%}.skeleton-line{width:80%;height:12px}.skeleton-line.short{width:50%}.skeleton-rows{border-top:1px solid var(--line);margin-top:18px;display:grid}.skeleton-track{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:68px;display:flex}.skeleton-thumb{flex:none;width:46px;height:46px}.skeleton-lines{flex:1;gap:8px;display:grid}.track-badges{align-items:center;gap:4px;display:inline-flex}.heart-button{color:var(--text-subtle);opacity:0}.heart-button.is-on{color:var(--acid);opacity:1}.track-row:hover .heart-button,.heart-button:focus-visible{opacity:1}.heart-button.is-popping svg{animation:heart-pop .32s var(--ease-spring)}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.38)}to{transform:scale(1)}}@media (hover:none){.heart-button{opacity:1}}.track-number{width:46px;height:46px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:var(--fs-lg);place-items:center;display:grid}.track-row.is-numbered .play-overlay{background:var(--surface-1);color:var(--acid)}@media (hover:hover){.track-row.is-numbered:hover .play-overlay{opacity:1}}.detail-page{padding-top:30px}.detail-hero{align-items:flex-end;gap:clamp(18px,4vw,36px);margin:4px 0 28px;display:flex}.detail-art{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-hero);flex:0 0 clamp(150px,24vw,232px);overflow:hidden}.detail-art.is-round{border-radius:50%}.detail-art .artwork,.detail-art .cover-mosaic{border-radius:inherit;width:100%;height:100%}.detail-copy{gap:6px;min-width:0;display:grid}.detail-eyebrow{color:var(--text-muted);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:750}.detail-copy h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(32px,5.4vw,62px);line-height:1}.detail-byline{color:var(--text-strong);font-weight:700}.detail-meta{color:var(--text-muted);font-size:var(--fs-md);margin:0}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.detail-page section+section,.detail-page .track-list+.shelf{margin-top:12px}.search-box input[type=search]::-webkit-search-cancel-button{display:none}.search-box{grid-template-columns:auto 1fr auto auto}.search-box .search-clear{color:var(--text-muted);background:0 0;border-radius:50%;place-items:center;width:44px;padding:0;display:grid}.search-box .search-clear:hover{background:var(--surface-control);color:var(--text-strong)}.search-box .search-submit{background:var(--acid);color:var(--on-accent);align-items:center;gap:7px;display:inline-flex}.search-box.compact{height:52px;margin-top:14px}.search-box.compact button:disabled{opacity:.4}.recent-searches ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.recent-searches li{border-bottom:1px solid var(--line);align-items:center;display:flex}.recent-query{min-width:0;min-height:48px;color:var(--text);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.recent-query svg{color:var(--text-subtle);flex:none}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.genre-tile{--hue:80;border-radius:var(--radius-md);background:linear-gradient(135deg, hsl(var(--hue) 45% 30%), hsl(calc(var(--hue) + 60) 40% 16%));min-height:72px;color:var(--text-strong);font-weight:800;font-size:var(--fs-xl);text-align:left;cursor:pointer;text-transform:capitalize;transition:transform var(--dur-fast) var(--ease-out);border:0;align-content:start;padding:14px}.top-result{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1);width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) ease;align-items:center;gap:18px;padding:16px;display:flex;position:relative}.top-result:hover{background:var(--surface-2)}.top-result>.artwork,.top-result>.shared-art{border-radius:var(--radius-md);flex:0 0 92px;width:92px;height:92px;overflow:hidden}.top-result>.artist-art{border-radius:50%}.top-result>div{flex:1;gap:4px;min-width:0;display:grid}.top-result strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,3vw,28px);overflow:hidden}.top-result span{color:var(--text-muted);font-size:var(--fs-md)}.round-play{border-radius:50%;flex:none;width:52px;height:52px;padding:0}.online-section{border-top:1px solid var(--line);margin-top:30px;padding-top:4px}.online-button{text-overflow:ellipsis;max-width:100%;margin-top:4px;overflow:hidden}.segmented{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-1);gap:4px;max-width:100%;margin-bottom:12px;padding:4px;display:inline-flex;overflow-x:auto}.segmented button{border-radius:var(--radius-pill);min-height:40px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 16px;font-weight:650;display:inline-flex}.segmented button.active{background:var(--surface-control);color:var(--text-strong)}.segmented button.active svg{color:var(--acid)}.online-result .secondary{min-height:40px;padding:0 14px}.library-title{align-items:center}.library-title h1{margin:0}.sort-select select{background:var(--surface-1);border-color:var(--line);border-radius:var(--radius-md);min-width:150px;height:48px}.tabs button:focus-visible{outline-offset:-3px}[role=tabpanel]:focus-visible{outline:2px solid var(--acid);outline-offset:4px;border-radius:var(--radius-sm)}.history-day-title{font-size:var(--fs-xl);color:var(--text-muted);letter-spacing:0;margin:28px 0 10px}.add-music{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);margin-bottom:30px;padding:20px}.add-panel{padding-top:6px}.add-panel .muted{font-size:var(--fs-md);line-height:1.55}.upload-panel .upload-picker{margin-top:12px}.paste-form textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--surface-inset);width:100%;color:var(--text-strong);border-radius:10px;margin-top:4px;padding:13px;line-height:1.5}.segmented.wide{width:100%;display:flex}.segmented.wide button{flex:1;justify-content:center}.settings-section{margin:0 0 40px}.settings-section-head{margin-bottom:14px}.settings-section-head h2{letter-spacing:-.035em;margin:0;font-size:26px}.settings-section-head .muted{font-size:var(--fs-md);margin:6px 0 0}.settings-section .management-card{margin:14px 0}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.settings-subhead{font-size:var(--fs-xl);margin:24px 0 10px}.settings-list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);overflow:hidden}.settings-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:68px;margin:0;padding:12px 16px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row>span{gap:3px;min-width:0;display:grid}.settings-row small{color:var(--text-muted);font-size:var(--fs-sm)}.switch{appearance:none;border-radius:var(--radius-pill);background:var(--surface-control);width:46px;height:28px;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:pointer;transition:background var(--dur-fast) ease;flex:none;margin:0;position:relative}.switch:after{content:"";background:var(--text-strong);width:22px;height:22px;transition:transform var(--dur) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--acid)}.switch:checked:after{background:var(--on-accent);transform:translate(18px)}@media (width<=720px){.shelf-row>.cover-card,.skeleton-card{flex-basis:128px;width:128px}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:18px 12px}.detail-page{padding-top:16px}.detail-hero{flex-direction:column;align-items:flex-start;gap:18px}.detail-art{flex-basis:auto;align-self:center;width:min(62vw,240px)}.detail-copy{width:100%}.detail-actions .primary,.detail-actions .secondary{flex:auto}.library-title .secondary{padding:0 14px}.library-tools{flex-wrap:wrap}.library-filter{flex-basis:100%}.sort-select{flex:1}.sort-select select{width:100%;min-width:0}.top-result>.artwork,.top-result>.shared-art{flex-basis:64px;width:64px;height:64px}.add-music{padding:14px}.segmented.wide{border-radius:var(--radius-md);flex-direction:column}.segmented.wide button{border-radius:var(--radius-sm);justify-content:flex-start}.settings-card{flex-direction:column;align-items:stretch}.settings-actions{justify-content:stretch}.settings-actions .secondary{flex:auto}.import-items>div{grid-template-columns:1fr auto}.import-items .mini-state{grid-column:1/-1}}@property --ambient-hue{syntax:"<number>";inherits:true;initial-value:80}.transport-buttons{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.transport-buttons .skip-button{color:#eeeeef;flex-shrink:0;width:52px;height:52px}.transport-buttons .mode-button{flex-shrink:0;width:44px;height:44px}.mode-button{position:relative}.mode-button.active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.play-main{background:var(--acid);color:#101014;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 4px 22px #c7ff4a18}.play-main:hover{background:#d7ff80;transform:scale(1.05);box-shadow:0 5px 30px #c7ff4a30}.play-icon{place-items:center;display:grid}.play-icon svg{grid-area:1/1;transition:opacity .18s,transform .3s cubic-bezier(.3,1.4,.5,1)}.play-icon .glyph-play{translate:1px}.play-icon.is-playing .glyph-play,.play-icon.is-loading .glyph-play{opacity:0;transform:scale(.4)rotate(-90deg)}.play-icon.is-paused .glyph-pause,.play-icon.is-loading .glyph-pause{opacity:0;transform:scale(.4)rotate(90deg)}.play-icon .glyph-load{opacity:0;transform:scale(.5)}.play-icon.is-loading .glyph-load{opacity:1;animation:1s linear infinite spin;transform:none}.favorite-button.pop svg{animation:.42s cubic-bezier(.3,1.6,.5,1) heart-pop}.seek-control{width:100%}.seek-control input[type=range]{appearance:none;cursor:pointer;touch-action:none;background:0 0;height:26px;margin:0;display:block}.seek-control input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--acid) var(--progress,0%), #ffffff24 var(--progress,0%));border-radius:5px;height:4px}.seek-control input::-moz-range-track{background:#ffffff24;border-radius:5px;height:4px}.seek-control input::-moz-range-progress{background:var(--acid);border-radius:5px;height:4px}.seek-control input::-webkit-slider-thumb{appearance:none;background:#f4f8eb;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .16s,box-shadow .16s;transform:scale(.7);box-shadow:0 0 0 4px #c7ff4a12}.seek-control input::-moz-range-thumb{background:#f4f8eb;border:0;border-radius:50%;width:14px;height:14px;transition:transform .16s;transform:scale(.7)}.seek-control:hover input::-webkit-slider-thumb{transform:scale(1.15)}.seek-control.is-dragging input::-webkit-slider-thumb{transform:scale(1.15)}.seek-control input:focus-visible::-webkit-slider-thumb{transform:scale(1.15)}.seek-control:hover input::-moz-range-thumb{transform:scale(1.15)}.seek-control.is-dragging input::-moz-range-thumb{transform:scale(1.15)}.seek-control input:focus-visible::-moz-range-thumb{transform:scale(1.15)}.seek-control.is-dragging input::-webkit-slider-thumb{box-shadow:0 0 0 7px #c7ff4a25}@media (hover:none){.seek-control input::-webkit-slider-thumb{transform:none}.seek-control input::-moz-range-thumb{transform:none}.seek-control.is-dragging input::-webkit-slider-thumb{transform:scale(1.3)}}.seek-times{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:#9f9fa8;justify-content:space-between;display:flex}.equalizer{width:21px;height:20px;color:var(--acid);flex-shrink:0;align-items:center;gap:3px;display:flex}.equalizer i{background:currentColor;border-radius:2px;width:3px;height:16px;transition:transform .3s;display:block;transform:scaleY(.2)}.equalizer.is-playing i{animation:.8s ease-in-out infinite alternate equalize}.equalizer i:nth-child(2){animation-duration:.65s;animation-delay:-.5s}.equalizer i:nth-child(3){animation-duration:.9s;animation-delay:-.15s}.equalizer i:nth-child(4){animation-duration:.7s;animation-delay:-.7s}.song-text{min-width:0;display:grid}.song-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-text.enter-forward{animation:.34s cubic-bezier(.2,.8,.2,1) song-in-forward}.song-text.enter-back{animation:.34s cubic-bezier(.2,.8,.2,1) song-in-back}.song-swipe{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:0;overflow:hidden}.song-slides{width:100%;position:relative}.song-neighbor{width:100%;color:var(--acid);align-items:center;gap:12px;padding-inline:16px;display:flex;position:absolute;inset-block:0}.song-neighbor.previous{right:100%}.song-neighbor.next{justify-content:flex-end;left:100%}.song-neighbor>div{gap:3px;min-width:0;display:grid}.song-neighbor strong,.song-neighbor span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-neighbor strong{color:var(--text);font-size:var(--fs-lg)}.song-neighbor small{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em}.song-neighbor span{font-size:var(--fs-sm);color:var(--text-muted)}.player-bar{z-index:var(--z-player);left:var(--sidebar);height:var(--player);padding:12px 24px;padding-inline:max(24px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-right));border-top:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);touch-action:pan-y;background:#121216f5;grid-template-columns:minmax(180px,1fr) minmax(310px,1.2fr) minmax(140px,.8fr);align-items:center;transition:--ambient-hue .9s;display:grid;position:fixed;bottom:0;right:0;box-shadow:0 -8px 50px #0005}.player-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, hsl(var(--ambient-hue) 70% 62% / .45), transparent);height:1px;position:absolute;inset:-1px 0 auto}.player-grip{touch-action:none;display:none}.now-playing{align-items:center;gap:11px;min-width:0;display:flex}.now-playing .song-text strong{font-size:var(--fs-lg)}.now-playing .song-text span{color:var(--text-muted);font-size:var(--fs-sm);margin-top:4px}.now-playing .equalizer{color:var(--acid)}.now-playing .artwork{border-radius:var(--radius-md);width:52px}.now-playing .track-copy{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:8px 0}.mobile-queue{display:none}.transport{justify-items:center;gap:10px;width:100%;display:grid}.transport .transport-buttons{gap:5px}.transport .seek-control{max-width:440px}.transport .seek-times{margin-top:-4px}.player-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.player-actions .mute-button{width:40px;height:40px}.player-actions .volume{cursor:pointer;max-width:80px;height:28px}.mini-progress{display:none}.now-scrim{z-index:var(--z-sheet);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;position:fixed;inset:0}.now-overlay{z-index:var(--z-sheet);width:min(520px,100%);min-height:0;max-height:92dvh;padding:0 28px max(20px, env(safe-area-inset-bottom));touch-action:pan-y;overscroll-behavior:contain;background:linear-gradient(155deg,#24272b,#111215 70%);border:1px solid #ffffff16;border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;margin:0 auto;transition:--ambient-hue 1s;display:flex;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -20px 80px #0006,0 90px #111215}.now-overlay:before{content:"";pointer-events:none;background:radial-gradient(120% 60% at 50% 0%, hsl(var(--ambient-hue) 55% 42% / .3), transparent 72%);position:absolute;inset:0}.now-card{flex-direction:column;width:100%;min-height:0;max-height:92dvh;display:flex;position:relative;overflow:hidden}.sheet-grip{cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:100%;height:25px;display:grid}.sheet-grip span,.player-grip span{border-radius:var(--radius-sm);background:#ffffff38;width:34px;height:4px}.now-top{z-index:var(--z-raised);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 0;display:grid;position:relative}.now-top .icon-button{color:var(--text-strong);background:#ffffff07}.now-top-spacer{width:44px}.now-context{text-align:center;justify-items:center;gap:2px;min-width:0;display:grid}.now-context small{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.now-context strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--fs-md);color:#e4e4ea;font-weight:650;overflow:hidden}.now-body{overscroll-behavior:contain;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.now-body>:not(.lyrics-panel){flex-shrink:0}.now-heading{justify-content:space-between;align-items:center;gap:14px;min-height:76px;display:flex}.now-heading>div{flex:1;min-width:0}.now-heading>.artwork{border-radius:10px;flex:0 0 48px;width:48px;height:48px}.now-heading h2{font-size:var(--fs-2xl);letter-spacing:-.035em;white-space:normal;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;line-height:1.18;display:-webkit-box;overflow:hidden}.now-heading p{color:var(--text-muted);font-size:var(--fs-lg);margin:5px 0 0}.now-heading .favorite-button{flex-shrink:0}.now-status{color:#b2b2ba;font-size:var(--fs-xs);align-items:center;gap:8px;margin:22px 0 14px;display:flex}.now-status .audio-quality{color:#9898a1;margin-left:auto}.sleep-chip{border-radius:var(--radius-pill);min-height:30px;color:var(--acid);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;cursor:pointer;background:#c7ff4a12;border:1px solid #c7ff4a33;align-items:center;gap:5px;padding:0 10px;font-weight:700;display:inline-flex}.now-controls{justify-content:center;align-items:center;margin:18px 0 0;display:flex}.now-controls .transport-buttons{justify-content:space-between;gap:8px}.now-controls .play-main{width:84px;height:84px}.now-controls .play-main svg{width:36px;height:36px}.now-controls .skip-button{width:64px;height:64px}.now-controls .skip-button svg{width:32px;height:32px}.now-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.now-actions.has-sleep{grid-template-columns:repeat(3,1fr)}.now-action{color:#dcdce2;font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff07;border:1px solid #ffffff12;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:48px;font-weight:650;display:flex}.now-action span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-action.active{color:var(--acid);background:#c7ff4a12;border-color:#c7ff4a3d}.now-card.is-lyrics .now-body{overflow:hidden}.now-card.is-lyrics .now-status{display:none}.now-card.is-lyrics .now-heading,.now-card.is-lyrics .now-controls{margin-top:12px}.gesture-hint{text-align:center;color:#93939e;font-size:var(--fs-xs);margin:14px 0 0;animation:.4s ease-out fade-in}.sleep-menu{border-radius:var(--radius-lg);background:#0d0e11d9;border:1px solid #ffffff12;margin-top:12px;padding:14px;animation:.22s ease-out section-in}.sleep-menu-title{font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-weight:700}.sleep-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sleep-options button{border-radius:var(--radius-md);color:#dcdce2;cursor:pointer;background:#ffffff07;border:1px solid #ffffff14;min-height:44px;font-weight:650}.sleep-options button:hover{background:#ffffff10}.sleep-options button[aria-checked=true]{color:var(--acid);background:#c7ff4a14;border-color:#c7ff4a55}.sleep-off{color:#ff9ba0;cursor:pointer;background:0 0;border:0;width:100%;min-height:44px;margin-top:8px;font-weight:650}.lyrics-panel{border-radius:var(--radius-lg);background:#0d0e11;border:1px solid #ffffff12;flex-direction:column;flex:auto;min-height:0;margin-top:12px;animation:.24s ease-out section-in;display:flex;overflow:hidden}.lyrics-panel>.lyrics-empty{flex:1}.lyrics-scroll{touch-action:pan-y;overscroll-behavior:contain;flex:auto;min-height:0;max-height:none;padding:36% 14px 40%;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 15% 85%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 15% 85%,#0000 100%)}.lyric-line{width:100%;color:var(--text);letter-spacing:-.01em;text-align:left;opacity:.52;transform-origin:0;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:0 0 4px;padding:7px 8px;font-size:18px;font-weight:700;line-height:1.4;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),color .35s,background .2s;display:block;transform:scale(.96)}.lyric-line.past{opacity:.34}.lyric-line.active{opacity:1;color:var(--acid);transform:none}.lyric-line:not(:disabled):hover{opacity:.85;background:#ffffff08}.lyric-line:disabled{cursor:default}.lyric-line:not(:disabled):active{transform:scale(.95)}.lyrics-scroll.plain{padding:18px 22px;-webkit-mask-image:none;mask-image:none}.lyrics-scroll.plain p{color:#c9c9cf;font-size:var(--fs-xl);margin:0 0 14px;line-height:1.5}.lyrics-empty{color:#93939e;font-size:var(--fs-md);justify-content:center;align-items:center;gap:8px;margin:0;padding:22px;display:flex}.lyrics-fetch{border-radius:var(--radius-md);width:calc(100% - 28px);min-height:44px;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff18;justify-content:center;align-items:center;gap:8px;margin:0 14px 14px;display:flex}.lyrics-fetch:disabled{opacity:.6;cursor:default}.queue-scrim{z-index:var(--z-popover);background:#0008;animation:.2s ease-out fade-in;position:fixed;inset:0}.queue-panel{z-index:calc(var(--z-popover) + 1);width:min(460px,100vw);padding:0 18px max(24px, env(safe-area-inset-bottom));border-left:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#121216fa;flex-direction:column;animation:.3s cubic-bezier(.2,.8,.2,1) queue-reveal;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-30px 0 80px #00000073}.queue-title{z-index:var(--z-raised);background:var(--surface-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:18px 0;display:flex;position:sticky;top:0}.queue-title h2{margin:0;font-size:28px}.queue-title>div{min-width:0}.queue-title span{font-size:var(--fs-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}.queue-title .icon-button{flex-shrink:0}.queue-title-actions{flex-direction:row-reverse;flex-shrink:0;align-items:center;gap:4px;display:flex}.queue-clear{border:1px solid var(--line-strong);border-radius:var(--radius-pill);min-height:36px;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.queue-clear:hover{color:var(--text-strong);background:var(--surface-control)}.queue-help{font-size:var(--fs-xs);color:var(--text-muted);margin:0 0 12px}.queue-list{overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding-bottom:12px;overflow-y:auto}.queue-section{font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 4px;font-weight:750}.queue-section-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.queue-section-row .queue-help{text-align:right;margin:0}.queue-row{border-bottom:1px solid var(--line);min-height:62px;color:var(--text-muted);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-columns:22px minmax(0,1fr) 44px 44px;align-items:center;gap:3px;display:grid;position:relative}.queue-row.active,.queue-row.active .queue-copy strong{color:var(--acid)}.queue-row.is-history{opacity:.72}.queue-row .equalizer{gap:2px;width:18px}.queue-row .equalizer i{width:3px;height:14px}.queue-list .queue-drag-handle{touch-action:none;cursor:grab;width:44px;height:48px}.queue-list .is-dragging{background:#2b3022;border-radius:10px;box-shadow:0 8px 22px #0008}.queue-list .drop-target{box-shadow:inset 0 -3px var(--acid)}.queue-history-toggle{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--text-muted);cursor:pointer;background:#ffffff05;align-items:center;gap:10px;margin-top:4px;padding:0 12px;display:flex}.queue-history-toggle span{text-align:left;flex:1;font-weight:650}.queue-history-toggle small{font-variant-numeric:tabular-nums}.queue-history-toggle svg:last-child{transition:transform .2s}.queue-history{animation:.2s ease-out section-in}.queue-autoplay-divider{color:var(--acid);font-size:var(--fs-sm);letter-spacing:.04em;align-items:center;gap:8px;margin:20px 0 4px;font-weight:700;display:flex}.queue-autoplay-divider:after{content:"";background:linear-gradient(90deg,#c7ff4a40,#0000);flex:1;height:1px}.queue-end{color:var(--text-muted);font-size:var(--fs-sm);text-align:center;margin:20px 0}.queue-position{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;place-items:center start;display:grid}.queue-copy{text-align:left;cursor:pointer;background:0 0;border:0;align-content:center;gap:4px;min-width:0;min-height:60px;padding:5px;display:grid}.queue-copy strong,.queue-copy span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-copy strong{font-size:var(--fs-md);color:var(--text)}.queue-copy span{color:var(--text-muted);font-size:var(--fs-xs)}.track-options-sheet{width:min(480px,100%);max-height:calc(100dvh - 35px);padding:0 20px max(24px, env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--line);overscroll-behavior:contain;border-radius:22px 22px 0 0;position:absolute;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.song-options{gap:4px;display:grid}.song-options button{min-height:56px;color:inherit;text-align:left;cursor:pointer;background:#ffffff05;border:0;border-radius:10px;align-items:center;gap:14px;padding:12px;display:flex}.song-options button:hover{background:#ffffff0e}.song-options-manage{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.song-options-manage>p{font-size:var(--fs-sm);padding:0 12px;line-height:1.6}.shortcuts-dialog{width:min(440px,100%)}.shortcut-list{margin:18px 0 0;display:grid}.shortcut-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:9px 0;display:flex}.shortcut-list dt{color:var(--text-muted);white-space:nowrap;align-items:center;gap:2px;display:flex}.shortcut-list dd{color:var(--text);font-size:var(--fs-md);text-align:right;margin:0}.shortcut-list kbd{border:1px solid var(--line-strong);background:var(--surface-control);min-width:26px;height:26px;color:var(--text-strong);font:650 var(--fs-sm)/1 inherit;border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 7px;display:inline-grid}.player-toast,.playback-error{z-index:var(--z-toast);bottom:calc(var(--player) + 16px);left:calc(50% + var(--sidebar) / 2);color:#e9f8cd;max-width:calc(100vw - 32px);font-size:var(--fs-md);background:#262b20;border:1px solid #637842;border-radius:14px;align-items:center;gap:10px;padding:13px 18px;animation:.26s cubic-bezier(.2,.8,.2,1) toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #0006}.player-toast button{color:var(--acid);background:0 0;border:0;min-height:44px;padding:0 12px;font-weight:750}.playback-error{z-index:var(--z-error);color:#ffc0c5;background:#321e23;border-color:#76434b;width:max-content}.playback-error svg{flex-shrink:0}.playback-error button{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;background:#ffffff15;border:0;min-height:44px;padding:0 12px}@keyframes equalize{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes queue-reveal{0%{transform:translate(100%)}to{transform:none}}@keyframes song-in-forward{0%{opacity:0;transform:translate(18px)}}@keyframes song-in-back{0%{opacity:0;transform:translate(-18px)}}@keyframes section-in{0%{opacity:0;transform:translateY(6px)}}@keyframes toast-in{0%{opacity:0;translate:0 10px}}@media (width>=721px) and (width<=1120px){.player-bar{padding-inline:max(14px, env(safe-area-inset-left)) max(14px, env(safe-area-inset-right));grid-template-columns:minmax(180px,1fr) minmax(290px,1fr) auto;left:0}.player-actions .volume,.now-playing .equalizer{display:none}}@media (width<=720px){.player-bar{left:0;bottom:var(--nav);padding:16px 12px 22px;padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));border-radius:18px 18px 0 0;grid-template-columns:minmax(0,1fr) auto;gap:6px}.player-bar:before{inset-inline:18px}.player-grip{background:0 0;border:0;place-items:center;width:100%;height:15px;display:grid;position:absolute;top:0;left:0}.player-grip span{width:28px;height:3px}.player-bar .now-playing .art-button,.player-bar .equalizer,.now-playing .icon-button,.player-actions{display:none}.now-playing{gap:10px;width:100%;min-width:0}.now-playing .track-copy{min-height:44px;padding:0}.now-playing .song-text strong{font-size:var(--fs-md)}.now-playing .song-text span{font-size:var(--fs-xs);margin-top:2px}.player-bar .transport{width:auto}.transport .transport-buttons{gap:0}.player-bar .transport-buttons .mode-button{display:none}.player-bar .transport-buttons .skip-button{width:44px;height:48px}.player-bar .transport-buttons .skip-button svg{width:23px;height:23px}.player-bar .play-main{width:48px;height:48px}.player-bar .play-main svg{width:25px;height:25px}.player-bar .seek-control{display:none}.mini-progress{pointer-events:none;background:#ffffff1c;border-radius:2px;height:2px;display:block;position:absolute;bottom:9px;left:14px;right:14px;overflow:hidden}.mini-progress span{background:var(--acid);transform-origin:0;height:100%;transition:transform .26s linear;display:block}.now-overlay{padding-inline:20px}.now-heading h2{font-size:22px}.now-controls .transport-buttons{gap:2px}.now-controls .play-main{width:80px;height:80px}.now-controls .skip-button{width:56px;height:56px}.now-action{font-size:var(--fs-md);gap:6px}.queue-panel{width:100%;padding-inline:14px}.player-toast,.playback-error{left:50%;bottom:calc(var(--player) + var(--nav) + 16px)}}@media (width<=350px){.now-overlay{padding-inline:14px}.now-action svg{display:none}}@media (height<=550px){.now-top,.now-heading{touch-action:none}}.management-card{background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid #2b2b32;margin:22px 0;padding:24px}.management-card h2{margin:0 0 12px;font-size:23px}.management-card h3{margin:24px 0 10px}.management-card p,.management-dialog p{line-height:1.6}.management-card .error,.management-dialog .error{color:#ff9a9a;flex-wrap:wrap}.management-card .notice,.management-dialog .notice{color:#d3ed99;border-radius:var(--radius-sm);background:#c7ff4a08;padding:12px}.management-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.management-heading h2{margin:0}.management-heading>.icon-button{flex-shrink:0}.management-form{gap:14px;margin:18px 0;display:grid}.management-form label,.copy-link label{color:#dddde5;font-size:var(--fs-md);gap:8px;font-weight:600;display:grid}.management-form input:not([type=checkbox]),.management-form textarea,.copy-link input{color:#f6f6f8;background:var(--surface-inset);border:1px solid #363640;border-radius:9px;width:100%;min-width:0;padding:12px}.management-form textarea{resize:vertical;margin:0;line-height:1.55}.management-form select{width:100%}.management-form>button{justify-self:start}.management-form .checkbox-label{cursor:pointer;align-items:center;gap:12px;display:flex}.management-form .muted{font-size:var(--fs-md);margin:0}.checkbox-label input{width:20px;height:20px;accent-color:var(--acid);flex:none}.management-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.management-row{border-bottom:1px solid #2b2b32;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.management-row:last-child{border-bottom:0}.management-row>span{min-width:0}.management-row strong,.management-row small{overflow-wrap:anywhere;display:block}.management-row small{color:var(--text-muted);line-height:1.5;font-size:var(--fs-sm);margin-top:5px}.management-row>button{flex:none}.management-backdrop{z-index:var(--z-dialog-top)}.management-dialog{overscroll-behavior:contain;width:min(640px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.management-dialog h3{margin:12px 0 0}.management-dialog>.management-form+.management-form{border-top:1px solid #33333a;padding-top:20px}.copy-link{background:var(--surface-inset);border-radius:var(--radius-md);border:1px solid #393c31;gap:12px;margin:20px 0;padding:16px;display:grid}.copy-link>button{justify-self:start}.copy-link small,.copy-link p{color:var(--text-muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.upload-picker{border-radius:var(--radius-md);color:#d4eeaa;cursor:pointer;background:#c7ff4a08;border:1px dashed #667544;justify-content:center;align-items:center;gap:10px;min-height:90px;margin:18px 0 12px;font-weight:600;display:flex;position:relative}.upload-picker input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-picker:focus-within{outline:2px solid var(--acid);outline-offset:3px}.upload-picker:has(input:disabled){opacity:.6;cursor:wait}.upload-jobs{max-height:360px;margin-top:18px;overflow-y:auto}.public-access{--sidebar:0px;--nav:0px;width:min(850px,100%);margin:0 auto;padding:28px 24px 64px}.public-access header{margin-bottom:36px}.public-access a{color:inherit}.public-access .logo,.public-access a.primary{text-decoration:none;display:inline-flex}.public-access h1{overflow-wrap:anywhere;font-size:clamp(28px,5vw,44px)}.public-access .player-bar{bottom:0;left:0}.shared-tracks{margin:24px 0}.shared-listening.has-player{padding-bottom:calc(var(--player) + 24px)}.shared-playlist-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.shared-track{border:0;border-bottom:1px solid var(--line-strong);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:16px;width:100%;padding:12px 10px;display:flex}.shared-track:hover,.shared-track.active{background:#c7ff4a0d}.shared-track.active{color:var(--acid)}.shared-track>.artwork{border-radius:7px;flex:0 0 46px;width:46px;height:46px}.shared-track>span{flex:1;min-width:0}.shared-track>svg{flex:none}.shared-track strong,.shared-track span small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.shared-track strong{font-size:var(--fs-lg)}.shared-track small{font-size:var(--fs-sm);color:var(--text-muted);margin-top:5px}.shared-track img{object-fit:cover;border-radius:7px;width:46px;height:46px}@media (width<=600px){.management-card{padding:18px 14px}.management-row{gap:10px}.management-row>button{font-size:var(--fs-sm);padding:9px 10px}.management-heading{gap:10px}.management-heading h2{font-size:21px}.management-heading .text-button{font-size:var(--fs-sm)}.management-backdrop{padding:10px;padding-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right))}.management-dialog{max-height:calc(100dvh - 20px);padding:22px 16px}.management-dialog .management-heading h2{font-size:var(--fs-2xl)}.public-access{padding:24px 14px 40px}.public-access header{margin-bottom:25px}.shared-track{gap:10px}.shared-track>small{display:none}}