:root{color-scheme:light;--text: #202124;--muted: #6a6d73;--border: #e5e6e8;--surface: #fff;--soft: #f6f6f7;--sidebar-width: 228px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--surface);color:var(--text)}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #202124;border-radius:8px;background:#202124;color:#fff;cursor:pointer;font-size:13px;font-weight:600;text-decoration:none;line-height:1.4;transition:background .15s,border-color .15s}button:hover,.button:hover{background:#393a3d}button:disabled{opacity:.45;cursor:default}.secondary{background:#fff;border-color:var(--border);color:var(--text)}.secondary:hover{background:var(--soft);border-color:#c5c7cb}.icon-button{width:38px;min-height:38px;padding:8px;flex-shrink:0;border-color:rgba(0,0,0,0);color:var(--muted);background:rgba(0,0,0,0)}.icon-button:hover{background:#ececee;color:var(--text)}.icon{width:20px;height:20px;flex-shrink:0}:focus-visible{outline:2px solid #5b6069;outline-offset:3px}main:focus{outline:none}[hidden]{display:none !important}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(26px,2.8vw,34px);font-weight:650;line-height:1.25;letter-spacing:-1px;margin:7px 0 0}h2{font-size:19px;font-weight:650;line-height:1.35;letter-spacing:-0.4px;margin:0 0 10px}h3{font-size:16px;line-height:1.45;margin:0 0 8px}p{margin:0 0 16px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--muted)}.muted,.hint{color:var(--muted);font-size:13px}.hint{margin:-8px 0 0;font-size:12px}label{display:grid;gap:7px;font-size:13px;font-weight:550}input,select,textarea{width:100%;min-width:0;min-height:44px;padding:11px 13px;border:1px solid #d9dade;border-radius:8px;color:var(--text);background:#fff}input::placeholder,textarea::placeholder{color:#80848b}textarea{resize:vertical}input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:#202124;flex-shrink:0}.card{padding:26px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}form.card,.card form{display:grid;gap:17px}form.card>p{margin-bottom:0}form.card>button{justify-self:start}form.card>a{font-size:13px}.toolbar,.track-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar{margin:18px 0}#status:not(:empty),#music-status:not(:empty){padding:14px 16px;margin:0 0 22px;border:1px solid var(--border);border-radius:8px;background:var(--soft);overflow-wrap:anywhere;font-size:13px}#music-status:not(:empty){margin:24px 0 0}#status.error,#music-status.error{border-color:#e3bcbc;color:#932c2c;background:#fff7f7}.skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:12px;background:#fff;border:1px solid var(--border);border-radius:8px}.skip-link:not(:focus),.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.private-badge{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.private-badge .icon{width:13px;height:13px}@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;transition-duration:.01ms !important}}.playback-agreement{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.playback-agreement input[type=checkbox]{margin-top:3px}.playback-agreement span{min-width:0}.policy-content{max-width:740px;line-height:1.75}.policy-content h2{margin-top:28px}.site-footer nav{font-size:11px;margin-left:auto}.sidebar{position:fixed;inset:0 auto 0 0;z-index:25;width:var(--sidebar-width);padding:12px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.sidebar #collapse-navigation,.sidebar #close-navigation,#open-navigation{display:none}.sidebar-heading{display:grid;grid-template-columns:minmax(0, 1fr) 36px;align-items:center;gap:6px;min-height:36px;flex-shrink:0}.sidebar-heading>.brand{grid-area:1/1}.sidebar-heading>.navigation-toggle{grid-area:1/2}.sidebar-heading .brand-mark{width:26px;height:26px}.sidebar-heading .brand{gap:8px;font-size:18px}.player-brand .brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:19px;font-weight:750;letter-spacing:-0.5px;text-decoration:none}.brand-mark{display:block;width:30px;height:30px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2))}.collapsed-brand-mark{display:none}.sidebar-heading .icon-button{width:36px;height:36px;min-height:36px;padding:7px;border-radius:7px}.navigation-toggle{position:relative}.navigation-toggle>.icon{width:18px;height:18px}.navigation-toggle::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:0;z-index:65;width:max-content;max-width:180px;padding:6px 9px;border-radius:5px;background:var(--text);color:var(--surface);font-size:11px;font-weight:400;pointer-events:none;opacity:0;visibility:hidden}.navigation-toggle:focus-visible::after{opacity:1;visibility:visible}@media(hover: hover){.navigation-toggle:hover::after{opacity:1;visibility:visible}}#close-navigation::after{left:auto;right:0}.sidebar-heading .icon-button:hover,.sidebar-heading .icon-button:focus-visible{background:var(--soft);border-color:var(--border);color:var(--text)}.sidebar-toggle-arrow{transform-box:fill-box;transform-origin:center;transition:transform .2s ease}[aria-expanded=false] .sidebar-toggle-arrow{transform:rotate(180deg)}.sidebar nav{display:grid;align-content:start;gap:4px;overflow-y:auto;min-height:0;margin-top:12px;overscroll-behavior:contain}.sidebar nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border:1px solid rgba(0,0,0,0);border-radius:7px;color:var(--muted);font-size:13px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.sidebar nav a .icon{width:18px;height:18px}.sidebar nav a:hover,.sidebar nav a:focus-visible,.sidebar nav a[aria-current=page]{color:var(--text);background:color-mix(in srgb, var(--text) 5%, var(--surface));border-color:var(--border)}.sidebar-bottom{min-width:0;margin-top:auto;padding-top:12px;flex-shrink:0}.avatar{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--soft);color:var(--text);display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:650}#account-email{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-content{margin-left:var(--sidebar-width);min-width:0;min-height:100dvh;display:flex;flex-direction:column}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:0 clamp(24px,4vw,56px);border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.workspace-bar>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-bar>span>span[aria-hidden]{padding:0 12px;color:#b6b8bd}#workspace-title{color:var(--text)}main{width:100%;max-width:1320px;margin:0 auto;padding:36px clamp(24px,4vw,56px) 48px;flex:1;min-width:0}.page-heading{margin-bottom:25px}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 38px;border-top:1px solid var(--border);color:#858890;font-size:11px}.home-welcome>.brand-mark{width:48px;height:48px}.footer-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.footer-brand:hover{color:var(--text)}.footer-brand .brand-mark{width:24px;height:24px}.mobile-header,.navigation-backdrop{display:none}@media(min-width: 801px){.navigation-enhanced #collapse-navigation{display:inline-flex}.sidebar-collapsed{--sidebar-width: 64px}.sidebar-collapsed .sidebar{padding-inline:12px}.sidebar-collapsed .sidebar-heading{grid-template-columns:minmax(0, 1fr);justify-items:center}.sidebar-collapsed #collapse-navigation{grid-area:1/1}.sidebar-collapsed .sidebar-heading>.brand{display:none}.sidebar-collapsed #collapse-navigation{padding:4px}.sidebar-collapsed #collapse-navigation>.icon{display:none}.sidebar-collapsed #collapse-navigation .collapsed-brand-mark{display:grid}.sidebar-collapsed #collapse-navigation:hover .collapsed-brand-mark,.sidebar-collapsed #collapse-navigation:focus-visible .collapsed-brand-mark{display:none}.sidebar-collapsed #collapse-navigation:hover>.icon,.sidebar-collapsed #collapse-navigation:focus-visible>.icon{display:block}.sidebar-collapsed .sidebar nav{overflow:visible}.sidebar-collapsed .sidebar nav a,.sidebar-collapsed #login-link{justify-content:center;padding-inline:0}.sidebar-collapsed .nav-label{position:absolute;z-index:1;left:calc(100% + 16px);padding:7px 11px;border-radius:6px;background:#202124;color:#fff;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none}.sidebar-collapsed a:hover .nav-label,.sidebar-collapsed a:focus-visible .nav-label{opacity:1}}@media(max-width: 800px){.mobile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:calc(4px + env(safe-area-inset-top)) 14px 4px;min-height:calc(48px + env(safe-area-inset-top));border-bottom:0;background:var(--surface)}.mobile-header::after{content:"";position:absolute;inset:100% 0 auto;height:12px;background:linear-gradient(to bottom, var(--surface), transparent);pointer-events:none}.mobile-header #open-navigation{width:40px;height:40px;min-height:40px;padding:10px}.mobile-header .brand{gap:8px;font-size:17px}.mobile-header .private-badge{margin-left:auto}.mobile-header .brand-mark{width:26px;height:26px}.sidebar{position:static;width:100%;padding:20px;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{grid-template-columns:repeat(2, minmax(0, 1fr))}.shell-content{margin-left:0}.workspace-bar{display:none}main{padding:28px 20px 36px}.site-footer{padding:18px 20px;font-size:10px}.navigation-enhanced #open-navigation,.navigation-enhanced #close-navigation{display:inline-flex}.navigation-enhanced .sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,100vw - 24px);height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));z-index:50;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s;border-right:1px solid var(--border);border-radius:0 12px 12px 0;box-shadow:18px 0 48px rgba(0,0,0,.1411764706)}.navigation-enhanced .sidebar-heading{min-height:44px;padding:0 4px 8px;border-bottom:1px solid var(--border)}.navigation-enhanced .sidebar nav{grid-template-columns:1fr}.sidebar nav a{min-height:42px}.navigation-enhanced.navigation-open{overflow:hidden}.navigation-open .sidebar{transform:translateX(0);visibility:visible;transition:transform .2s ease}.navigation-backdrop{position:fixed;inset:0;z-index:45;display:block;width:100%;height:100%;border:0;border-radius:0;padding:0;background:rgba(17,24,39,.4);cursor:default}.navigation-backdrop:hover{background:rgba(17,24,39,.4)}}@media(max-width: 360px){.mobile-header .private-badge{display:none}}.player-brand .brand-name,.brand-idle-mark{color:inherit;text-decoration:none}.player-brand .brand-player{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;min-height:32px;padding:7px;border:0;border-radius:50%;background:var(--text);color:var(--surface)}.brand-player>span{display:grid;place-items:center}.brand-player .icon{width:18px;height:18px}.player-brand .brand-player:hover{background:var(--text);opacity:.85}.player-brand .brand-player:focus-visible{outline:2px solid var(--muted);outline-offset:3px}@media(min-width: 801px){.sidebar-collapsed.has-player .sidebar-heading{row-gap:6px}.sidebar-collapsed.has-player .sidebar-heading>.player-brand{display:flex;grid-area:2/1;justify-content:center}.sidebar-collapsed.has-player .player-brand .brand-name{display:none}.sidebar-collapsed.has-player #collapse-navigation .collapsed-brand-mark{display:none}.sidebar-collapsed.has-player #collapse-navigation>.icon{display:block}}@media(max-width: 800px){.mobile-header .brand-player{width:36px;height:36px;min-height:36px}}.intro{color:var(--muted);margin:-10px 0 28px;max-width:680px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 20px}.section-heading h2{margin-bottom:5px}.section-heading p{margin:0}.section-mark{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:11px;background:var(--soft)}.section-mark .icon{width:23px;height:23px}.home-welcome{display:flex;align-items:center;gap:18px;padding:28px;background:#f6f6f7;border:1px solid var(--border);border-radius:12px}.home-welcome>div{flex:1}.home-welcome p{margin:0;color:var(--muted);max-width:500px;font-size:13px}.home-welcome .section-mark{background:#fff}.home-links{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}.home-link{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:border-color .15s,background .15s}.home-link:hover{border-color:#bfc2c9;background:#fcfcfc}.home-link h3{margin:22px 0 8px}.home-link p{color:var(--muted);font-size:13px;margin-bottom:24px}.home-link-action{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;margin-top:auto;width:100%}.home-link-action .icon{width:16px}.home-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;margin-top:18px;border-top:1px solid var(--border)}.home-note>div{display:flex;gap:12px;align-items:center;max-width:610px;color:var(--muted)}.home-note p{font-size:12px;margin:0}.home-note .button{flex-shrink:0}.search-form{display:flex;align-items:center;gap:10px;margin-bottom:22px}.search-form>input{flex:1}.search-form>button{flex-shrink:0}.search-bar{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:1px solid #d9dade;border-radius:12px;background:#fff}.search-bar>.icon{margin-left:10px;color:var(--muted)}.search-bar input{border:0;flex:1;background:rgba(0,0,0,0)}.search-bar input:focus-visible{outline-offset:-2px}.search-bar button{flex-shrink:0}.source-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:10px 0 26px}.source-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:600}.empty-state{display:grid;justify-items:center;gap:8px;padding:52px 24px;border:1px solid var(--border);border-radius:12px;color:var(--muted);text-align:center;background:#fcfcfc;margin:0}.empty-state .section-mark{margin-bottom:12px}.empty-state h2{color:var(--text);font-size:17px;margin:0}.empty-state p{font-size:13px;max-width:440px;margin:0}.empty-state small{display:block;font-size:12px}.empty-state .button{margin-top:14px}.results-heading{margin:32px 0 16px;font-size:17px}.music-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 250px), 1fr));gap:16px}.music-grid>.empty-state{grid-column:1/-1}.track-card{padding:18px;min-width:0;border:1px solid var(--border);border-radius:11px;background:#fff;overflow-wrap:anywhere}.track-card h3{margin:10px 0 8px;font-size:15px}.track-card>.muted{font-size:12px}.track-art{display:grid;place-items:center;aspect-ratio:1;padding:10%;box-sizing:border-box;overflow:hidden;border-radius:7px;background:#000;border:1px solid var(--border);margin-bottom:16px;color:#9da1a9;font-size:37px}.track-art img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.track-actions{margin:12px 0 0}.track-actions button,.queue-row button,.playlist-row button,.playlist-track>button{padding:8px 11px;min-height:36px;font-size:11px}.tags{font-size:11px;color:var(--muted);margin:14px 0 0}.track-list,.collection-list{display:grid;gap:12px;margin-top:22px}.playlist-row,.queue-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;border:1px solid var(--border);border-radius:10px}.playlist-row a,.queue-row h3{flex:1;min-width:140px;overflow-wrap:anywhere;margin:0}.playlist-row a{font-weight:600;text-decoration:none}.playlist-row a:hover{text-decoration:underline}.queue-number{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:var(--soft);color:var(--muted);font-size:12px}.queue-row.is-current{border-color:#9ea2aa;background:#fafafa}.playlist-track>button{margin:12px 8px 0 0}.account-layout{max-width:480px}.account-layout>.card{margin-bottom:20px}body[data-screen=security] .account-layout{max-width:none;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px;align-items:start}body[data-screen=security] .account-layout>.card{margin:0}body[data-screen=security] .account-layout>.card:first-child{grid-column:1/-1;background:var(--soft)}.account-layout .card p{color:var(--muted);font-size:13px}#totp-secret{overflow-wrap:anywhere}#totp-setup{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}#totp-qr{max-width:100%}.codes{font-family:ui-monospace,monospace;columns:2;padding-left:20px;overflow-wrap:anywhere}.upload-entry{max-width:680px;margin-bottom:32px}.upload-form{min-width:0}.upload-form>input:not(.sr-only){width:100%}.upload-dropzone.secondary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:154px;padding:22px;border:1px dashed var(--border);border-radius:14px;color:var(--text);background:rgba(0,0,0,0)}.upload-dropzone>svg{width:32px;height:32px;flex-shrink:0}.upload-dropzone>span{max-width:100%;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}.upload-dropzone.secondary:is(:hover,:focus-visible,.is-dragging){background:var(--soft);border-color:var(--muted);box-shadow:0 3px 12px rgba(0,0,0,.0235294118)}#upload-help{font-size:11px;line-height:1.6;text-align:center}.upload-form .permission-check{margin:18px 0;font-size:12px}.upload-feedback{margin-top:16px;padding:14px 16px;background:var(--soft);border-radius:10px;font-size:12px}.upload-feedback p{margin:0 0 8px;overflow-wrap:anywhere}.upload-feedback[data-state=success]{border-inline-start:3px solid #629e78}.upload-feedback[data-state=error]{border-inline-start:3px solid #c36a6a}#upload-progress{display:block;width:100%;height:5px;accent-color:var(--text);margin:10px 0}#upload-progress[hidden]{display:none}.upload-track-list{gap:4px}.upload-track-state{color:var(--muted);font-size:10px;margin:4px 0 0;overflow-wrap:anywhere}#audio-storage-footer{padding:0 32px}#storage-usage{color:var(--muted);font-size:11px;line-height:1.6;padding:12px 16px;background:var(--soft);border-radius:8px;margin:0 auto 12px;max-width:1180px}.queue-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin:0 0 20px}@media(max-width: 800px){#audio-storage-footer{padding-inline:16px}}.permission-check{display:flex;align-items:flex-start;gap:10px}.permission-check input{margin-top:2px}.text-button{border:0;background:rgba(0,0,0,0);color:var(--muted);font-size:10px;padding:4px;min-height:30px;text-decoration:underline}.text-button:hover{background:var(--soft)}[aria-busy=true]:empty::before{content:"Loading your collection…";display:block;padding:28px 0;color:var(--muted);font-size:13px}@media(max-width: 1100px){.home-welcome{flex-wrap:wrap}.home-welcome>.button{margin-left:62px}.home-links{gap:12px}.home-link{padding:20px}}@media(max-width: 800px){.home-links{grid-template-columns:1fr}.home-link{padding:22px}.home-welcome{padding:22px}.home-welcome>.section-mark{display:none}.home-welcome>.button{margin-left:0}.home-welcome>div{flex-basis:100%}.home-note{align-items:flex-start;flex-direction:column}.section-heading .private-badge{display:none}.card{padding:22px}body[data-screen=security] .account-layout{grid-template-columns:1fr}.search-bar{flex-wrap:wrap}.search-bar input{flex-basis:calc(100% - 48px)}.search-bar button{flex:1}.search-form{flex-wrap:wrap}.search-form>input{flex-basis:100%}.queue-row .source-label{flex-basis:100%}}@media(max-width: 800px){.track-actions button,.queue-row button,.playlist-row button,.playlist-track>button,.icon-button{min-height:44px}}.queue-save-toggle{position:relative;cursor:pointer}.queue-save-toggle::after{content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + 8px);z-index:5;width:min(240px,70vw);padding:9px 12px;border-radius:8px;background:var(--text);color:var(--surface);font-size:11px;font-weight:400;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 3px 12px rgba(0,0,0,.0705882353)}.queue-save-toggle:is(:hover,:focus-within)::after{opacity:1;visibility:visible}#queue-save-status{font-size:11px;text-align:right}#queue-save-status:empty{display:none}dialog{width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--border);border-radius:14px;color:var(--text);background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.2);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:rgba(16,19,26,.4509803922);backdrop-filter:blur(2px)}.dialog-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border);background:#fff}.dialog-heading h2{margin:3px 0 0;font-size:18px}.dialog-body{padding:24px;display:grid;gap:18px}.dialog-body p{margin:0;color:var(--muted);font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 24px;margin:0;border-top:1px solid var(--border);background:#fafafa}.dialog-actions>a{margin-right:auto;font-size:12px}#confirm-dialog .dialog-heading{padding:8px 20px;gap:10px}#confirm-dialog .dialog-heading h2{margin:0;font-size:16px}#confirm-dialog .dialog-heading .icon-button{width:32px;min-height:32px;padding:6px}#confirm-dialog .dialog-body{gap:12px}#confirm-dialog .dialog-actions{padding:8px 20px max(8px,env(safe-area-inset-bottom));gap:8px}#confirm-dialog .dialog-actions button{min-height:34px;padding:6px 10px;font-size:12px}#confirm-dialog.is-destructive .dialog-body{justify-items:center;text-align:center}#confirm-dialog.is-destructive #confirm-copy{font-size:15px;font-weight:650;color:var(--text);overflow-wrap:anywhere}#confirm-dialog #confirm-detail{max-width:340px;line-height:1.6;font-size:12px}.confirm-symbol{display:grid;place-items:center;width:60px;height:60px;margin-bottom:4px;border-radius:50%;background:var(--soft);color:var(--text)}.confirm-symbol .icon{width:28px;height:28px}@media(hover: none),(pointer: coarse){#confirm-dialog .dialog-heading .icon-button{width:44px;min-height:44px}#confirm-dialog .dialog-actions button{min-height:44px}}#music-filters{margin:20px 20px auto auto}body:has(dialog[open]:not([data-playback-popover])){overflow:hidden}@media(max-width: 800px){#music-filters{margin:auto}.dialog-heading{padding:18px 20px}.dialog-body{padding:22px 20px}.dialog-actions{padding:16px 20px}}#playlist-picker{inset:0;width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;margin:0 auto;border-block:0;border-radius:0;overflow:hidden;background:var(--surface)}#playlist-picker[open]{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr) auto}#playlist-picker .dialog-heading{position:relative;z-index:4;padding:8px 20px;gap:10px;border-bottom:0;background:var(--surface)}#playlist-picker .dialog-heading::after{content:"";position:absolute;top:100%;inset-inline:0;height:6px;background:linear-gradient(var(--surface), transparent);pointer-events:none}#playlist-picker .dialog-heading h2{margin:0;font-size:16px}#playlist-picker .dialog-heading .icon-button{width:32px;min-height:32px;padding:6px}.picker-body{--picker-gutter: 24px;--picker-top-space: 24px;position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;gap:16px;padding:0 var(--picker-gutter) 24px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:56px}.picker-body>*{flex-shrink:0}.picker-track{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:12px;border-radius:8px;background:var(--soft)}.picker-body>.picker-track{margin-top:var(--picker-top-space)}.picker-track-artwork{position:relative;flex:0 0 44px;border-radius:10px}.picker-track .track-art{width:44px;height:44px;margin:0;padding:4px;border-radius:inherit;font-size:18px}.picker-track-copy,.picker-choice>span{min-width:0}.picker-track-copy{flex:1}.picker-track strong,.picker-track small,.picker-choice strong,.picker-choice small{display:block;white-space:normal;overflow-wrap:anywhere}.picker-track strong,.picker-choice strong{font-size:13px;font-weight:600}.picker-track small,.picker-choice small{margin-top:4px;color:var(--muted);font-size:11px;font-weight:400}.picker-track small.picker-track-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.picker-track-source{display:inline-flex;align-items:center;flex:0 0 auto}.picker-track-source svg{display:block;width:14px;height:14px}.picker-track-channel{min-width:0;max-width:100%}.picker-track-duration{white-space:nowrap;font-variant-numeric:tabular-nums}.picker-search{position:sticky;top:0;z-index:3;isolation:isolate;min-width:0;padding:0;margin:0;background:var(--surface)}.picker-search::before{content:"";position:absolute;z-index:-1;inset:0 calc(-1*var(--picker-gutter)) -8px;background:linear-gradient(var(--surface) calc(100% - 8px), transparent);pointer-events:none}.picker-search::after{content:"";position:absolute;z-index:-1;inset:-4px calc(-1*var(--picker-gutter)) -8px;border-radius:16px;background:linear-gradient(transparent, var(--surface) 20%, var(--surface) 75%, transparent);box-shadow:0 -6px 18px rgba(255,255,255,.7019607843),0 8px 22px rgba(255,255,255,.7019607843);filter:blur(6px);opacity:0;transition:opacity .18s ease;pointer-events:none}.picker-search:focus-within::after{opacity:1}.picker-search>.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);width:17px;height:17px}.picker-search:focus-within>.icon{color:var(--text)}#playlist-picker .picker-search input{width:100%;min-height:44px;margin:0;padding-left:38px;padding-right:48px;border:0;border-radius:10px;outline:none;box-shadow:0 2px 9px color-mix(in srgb, var(--text) 7%, transparent),0 1px 2px color-mix(in srgb, var(--text) 5%, transparent);background:var(--surface);font-size:13px;appearance:none}#playlist-picker .picker-search input:focus-visible{outline:none}.picker-search .picker-search-filter{position:absolute;right:1px;top:50%;transform:translateY(-50%);width:44px;min-height:44px;padding:12px;border:0;background:rgba(0,0,0,0)}.picker-search-filter .icon{width:18px;height:18px}#picker-filters [data-filter-open]{display:none}.picker-search-filter[data-filter-active=true]{color:var(--text);background:var(--soft)}#picker-list-heading{flex-shrink:0;margin:0;color:var(--muted);font-size:12px;font-weight:500}#picker-status{margin:0;overflow-wrap:anywhere;font-size:12px}#picker-status:empty{display:none}.picker-scroll{flex:0 0 auto;min-width:0;min-height:44px;padding:4px;margin:-4px}#picker-list{display:grid;grid-template-columns:minmax(0, 1fr);gap:5px}#playlist-picker .picker-choice{display:grid;grid-template-columns:24px minmax(0, 1fr) auto;gap:12px;align-items:center;width:100%;padding:12px;text-align:left;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--text)}#playlist-picker .picker-choice:is(:hover,:focus-visible,[aria-pressed=true]){background:var(--soft);border-color:var(--border)}.picker-choice .icon{color:var(--muted);width:23px;height:23px}.picker-membership{color:var(--muted);font-size:10px;font-weight:400;white-space:nowrap}#playlist-picker .dialog-actions{gap:8px;padding:8px 20px max(8px,env(safe-area-inset-bottom));background:var(--surface)}#playlist-picker .dialog-actions button{min-height:34px;padding:6px 10px;font-size:12px}@media(max-width: 600px){#playlist-picker .dialog-heading{padding-inline:16px}.picker-body{--picker-gutter: 16px;--picker-top-space: 18px;padding-bottom:18px;gap:14px}#playlist-picker .dialog-actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));padding-inline:16px}#playlist-picker .dialog-actions>a{grid-column:1/-1}#playlist-picker .dialog-actions button{min-width:0;padding-inline:8px;font-size:12px}#picker-top[hidden]+#picker-add{grid-column:auto}#playlist-picker .picker-choice{grid-template-columns:24px minmax(0, 1fr);gap:8px;padding:10px 8px}.picker-membership{grid-column:2}.picker-membership:empty{display:none}}@media(max-height: 480px){.picker-body{--picker-top-space: 10px;gap:8px;padding-bottom:10px}.picker-track{padding:6px}}@media(prefers-reduced-motion: reduce){.picker-search::after{transition:none}}:is(#upload-dialog,.collection-editor){inset:0;width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;margin:0 auto;border-block:0;border-radius:0;overflow:hidden;background:var(--surface)}:is(#upload-dialog,.collection-editor)[open]{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr)}:is(#upload-dialog,.collection-editor) .dialog-heading{position:static}:is(#upload-dialog,.collection-editor) form{display:grid;grid-template-rows:minmax(0, 1fr) auto;min-height:0;margin:0}:is(#upload-dialog,.collection-editor) .dialog-body{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}:is(#upload-dialog,.collection-editor) .dialog-body>*{flex-shrink:0}:is(#upload-dialog,.collection-editor) input{width:100%}:is(#upload-dialog,.collection-editor) p{overflow-wrap:anywhere}:is(#upload-dialog,.collection-editor) .dialog-actions{padding-bottom:max(16px,env(safe-area-inset-bottom))}#upload-dialog .settings-note button{margin-top:12px}.discovery-dialog{inset:0;width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;margin:0 auto;border-block:0;border-radius:0;overflow:hidden;background:var(--surface)}.discovery-dialog[open]{display:flex;flex-direction:column}.discovery-dialog>form{display:flex;flex-direction:column;min-height:0;flex:1}.discovery-dialog .dialog-body{overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column}.discovery-dialog .dialog-heading,.discovery-dialog .dialog-actions{background:var(--surface);flex-shrink:0}.discovery-dialog .dialog-actions p{width:100%;font-size:12px;overflow-wrap:anywhere}.discovery-selector{border:0;padding:0;margin:0 0 20px;min-width:0}.discovery-selector legend{font-size:14px;font-weight:600;margin-bottom:6px}.discovery-selector input{margin-top:8px}.interest-chips{display:flex;flex-wrap:wrap;gap:6px;margin-block:8px}.interest-chips button{font-size:12px;white-space:normal;overflow-wrap:anywhere}.selector-results{max-height:200px;overflow-y:auto;display:grid;gap:4px;margin-top:6px}.selector-option{text-align:left;font-size:13px}.discovery-dialog details>summary{cursor:pointer;margin-bottom:20px}.playlist-lock .icon{color:#16834b;width:18px;height:18px;vertical-align:middle;margin-right:5px}.name-availability{display:block;flex-basis:100%;padding:6px 12px;color:var(--muted);font-size:12px}.name-availability:empty{display:none}.playlist-create{flex-wrap:wrap}#playlist-public-link{overflow-wrap:anywhere;font-size:13px}#audio-download-dialog{width:min(520px,100vw - 24px);background:var(--surface)}#audio-download-dialog :is(.dialog-heading,.dialog-actions){background:var(--surface)}#audio-download-dialog .download-track-name{font-weight:600;color:var(--text);overflow-wrap:anywhere}#audio-download-url{width:100%;min-width:0;font-size:12px}#audio-download-expiry{margin-top:10px}#audio-download-start{display:inline-flex;align-items:center;justify-content:center;gap:8px}#audio-download-start .icon{width:18px;height:18px}.recent-actions .audio-download-button{width:34px;height:34px;min-height:34px;padding:7px}@media(max-width: 480px){#audio-download-dialog .dialog-actions>button{flex:1 1 100%}}.discovery-trending-heading{justify-content:flex-start;flex-wrap:nowrap;gap:10px;margin-bottom:12px}.discovery-trending-heading #trending-filter{order:-1;flex-shrink:0;width:32px;height:32px;min-height:32px;padding:5px;background:var(--soft)}.discovery-trending-heading #trending-filter:hover{background:color-mix(in srgb, var(--text) 9%, var(--surface))}.discovery-trend-heading{flex-wrap:nowrap;gap:8px;min-width:0}.discovery-trend-heading h2{min-width:0;margin:0;overflow-wrap:anywhere}.home-region-toolbar{display:flex;justify-content:flex-end;width:min(580px,100% - 56px);margin:0 auto 4px}.home-region-trigger{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;min-height:32px;padding:4px 9px;border:1px solid var(--border);border-radius:7px;background:var(--soft);color:var(--text);font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;text-align:left}.home-region-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-region-trigger .icon{width:14px;height:14px;flex-shrink:0;color:var(--text);opacity:.7}.home-region-trigger:hover{border-color:color-mix(in srgb, var(--text) 25%, var(--border));background:color-mix(in srgb, var(--text) 8%, var(--surface));color:var(--text)}.home-region-trigger:focus-visible{outline:2px solid var(--text);outline-offset:2px}.home-region-sheet.discovery-dialog{inset:0;width:min(580px,100vw);height:100dvh;max-height:none;margin:0 auto;border-block:0;border-radius:0;box-shadow:0 24px 80px rgba(0,0,0,.2)}.home-region-sheet .dialog-heading,.location-search-dialog .dialog-heading{position:static;min-height:50px;padding:6px 20px}.home-region-sheet .dialog-heading h2{margin:0;font-size:16px}.home-region-sheet .dialog-body{padding:clamp(26px,5dvh,48px) 24px 24px;gap:30px}.home-region-sheet .region-intro{text-align:center}.home-region-sheet .region-intro h3{margin:0;font-size:clamp(20px,4vw,25px);line-height:1.25;letter-spacing:-0.02em}.home-region-sheet .region-intro p{margin:8px 0 0;font-size:13px;line-height:1.5}.home-region-sheet [data-region-selectors]{width:100%}.home-region-sheet [data-region-selectors] .region-choice:last-child{margin-bottom:0}.region-choice{min-width:0;margin:0 0 24px;padding:0;border:0}.region-choice legend{margin-bottom:8px;font-size:13px;font-weight:600}.region-choice-optional{margin-left:8px;color:var(--muted);font-size:11px;font-weight:400}.region-choice-actions{display:flex;align-items:center;gap:10px;min-width:0}.location-choice-button{justify-content:space-between;gap:18px;min-height:32px;padding:6px 10px;font-size:13px;font-weight:500}.location-choice-clear{position:relative;width:34px;height:34px;min-height:34px;padding:8px;flex-shrink:0}.location-choice-clear>.icon{width:16px;height:16px}.location-choice-clear:is(:hover,:focus-visible)::after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 6px);z-index:2;width:max-content;max-width:min(200px,100vw - 48px);padding:6px 8px;border-radius:5px;background:var(--text);color:var(--surface);font-size:11px;font-weight:400;line-height:1.4;white-space:normal;pointer-events:none}.home-region-sheet .region-attribution{align-self:center;margin-top:auto;color:var(--muted);font-size:11px;line-height:1.5}.home-region-sheet .dialog-actions,.location-search-dialog .dialog-actions{min-height:50px;padding:6px 20px max(6px,env(safe-area-inset-bottom));gap:8px}.home-region-sheet .dialog-actions p:empty{display:none}.home-region-sheet .dialog-actions button,.location-search-dialog .dialog-actions button{min-height:34px;padding:6px 12px;font-size:12px}.home-region-status{font-size:12px;line-height:1.6}.location-search-dialog{width:min(460px,100vw - 24px);height:min(640px,100dvh - 32px);max-height:none;overflow:hidden;background:var(--surface)}.location-search-dialog[open]{display:flex;flex-direction:column}.location-search-dialog>.dialog-heading,.location-search-dialog>.location-search-controls,.location-search-dialog>.dialog-actions{flex:0 0 auto;min-width:0}.location-search-dialog>.location-picker-body{flex:1 1 0}.location-search-dialog .dialog-heading,.location-search-dialog .dialog-actions{background:var(--surface)}.location-search-dialog .dialog-heading h2{margin:0;font-size:15px}.location-search-controls{padding:14px 20px 10px}.location-search-controls input{min-height:38px;padding:8px 11px;font-size:16px}.location-picker-body{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 14px 14px}.location-picker-body>p{margin:8px 6px;font-size:12px;color:var(--muted)}.location-picker-body>p:empty{display:none}.location-results{list-style:none;margin:0;padding:0}.location-results li+li{margin-top:2px}.location-results .location-option{width:100%;min-height:38px;padding:8px 10px;border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);text-align:left;justify-content:space-between;font-size:13px;font-weight:400}.location-results .location-option:is(:hover,:focus-visible,[aria-pressed=true]){background:var(--soft)}.location-option[aria-pressed=true]::after{content:"✓";flex-shrink:0}.location-picker-actions [data-location-suggest],.location-picker-actions [data-location-back]{margin-right:auto}.location-suggestion-form{padding:10px 6px}.location-suggestion-form p{color:var(--muted);font-size:12px}[data-location-suggestion-fields]{display:grid;gap:14px}[data-location-suggestion-fields] input{font-size:16px;min-height:38px;padding:8px 10px}[data-location-add-name]{margin-block:12px;min-height:30px;padding:4px 0;font-size:12px}@media(max-width: 600px){.home-region-toolbar{width:calc(100% - 40px)}.home-region-sheet .dialog-body{padding:26px 18px 20px;gap:26px}.home-region-sheet .dialog-heading,.location-search-dialog .dialog-heading{min-height:42px;padding:4px 14px}.home-region-sheet .dialog-heading h2,.location-search-dialog .dialog-heading h2{font-size:14px}.home-region-sheet .dialog-heading .icon-button,.location-search-dialog .dialog-heading .icon-button{width:30px;height:30px;min-height:30px;padding:5px}.home-region-sheet .dialog-actions,.location-search-dialog .dialog-actions{min-height:44px;padding:5px 14px max(5px,env(safe-area-inset-bottom))}.home-region-sheet .dialog-actions button,.location-search-dialog .dialog-actions button{min-height:30px;padding:5px 10px}.location-choice-button{min-height:30px;padding:5px 9px;font-size:12px}.location-search-dialog{inset:0;width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0}.location-search-controls{padding:12px 14px 8px}.location-picker-body{padding-inline:8px}}#discovery-interface-language:disabled{opacity:1;cursor:default}#discovery-interface-language:disabled:hover{border-color:var(--border);background:var(--soft)}[data-region-interests] .region-choice:last-child{margin-bottom:0}.track-language-dialog .dialog-heading{padding:8px 20px}.track-language-dialog .dialog-heading h2{font-size:16px}.track-language-dialog .dialog-heading .icon-button{width:36px;min-height:36px;padding:8px}.track-language-dialog .dialog-actions{padding:8px 20px max(8px,env(safe-area-inset-bottom))}.track-language-dialog .dialog-actions button{min-height:34px;padding:6px 10px}.track-language-dialog .language-choice-heading{position:relative;gap:6px;font-size:13px}.track-language-dialog .help-tooltip{margin:0}.language-track-preview{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;text-align:center}.language-track-preview .track-art{width:min(240px,100%);height:auto;aspect-ratio:16/9;margin:0;padding:0;overflow:hidden;border-radius:10px}.language-track-preview .track-art img{width:100%;height:100%;object-fit:contain}.language-track-preview h3{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.language-track-meta{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.language-track-meta>span:first-child{display:flex;flex-shrink:0}.language-track-meta svg{width:18px;height:18px}.language-saved-values,.track-language-dialog .interest-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.language-saved-values{margin-bottom:14px}.language-saved-values>span{padding:6px 12px;border-radius:16px;background:var(--soft);font-size:13px;font-weight:600}.track-language-dialog .language-cooldown{margin:0;padding:16px;border:1px dashed var(--muted);border-radius:10px;background:var(--soft);color:var(--text);text-align:center;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.track-language-dialog .dialog-body>[role=status]:not(.language-cooldown){text-align:center}.track-language-dialog .dialog-body>[role=status]:empty{display:none}.language-dismiss{display:flex;justify-content:flex-end;margin-top:14px}.language-dismiss button{min-height:34px;padding:6px 14px}.track-language-dialog .dialog-body>*{flex-shrink:0}@media(hover: none),(pointer: coarse){.track-language-dialog .dialog-heading .icon-button{width:44px;min-height:44px}.track-language-dialog .dialog-actions button{min-height:44px}.language-dismiss button{min-height:44px}}#playlist-picker .picker-create{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-right:auto}#playlist-picker .picker-create svg{width:16px;height:16px;flex-shrink:0}.playlist-create-dialog{width:min(440px,100vw - 32px);overflow:hidden;background:var(--surface)}.playlist-create-dialog[open]{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr)}.playlist-create-dialog>form{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;min-width:0;min-height:0}.playlist-create-dialog .dialog-heading{position:static;padding:8px 20px;gap:10px}.playlist-create-dialog .dialog-heading h2{margin:0;font-size:16px}.playlist-create-dialog .dialog-heading .icon-button{width:32px;min-height:32px;padding:6px}.playlist-create-dialog .dialog-body{grid-template-columns:minmax(0, 1fr);min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;gap:10px}.playlist-create-dialog .dialog-actions{padding:8px 20px max(8px,env(safe-area-inset-bottom));gap:8px}.playlist-create-dialog .dialog-actions button{min-height:34px;padding:6px 10px;font-size:12px}.playlist-create-dialog .dialog-body>[role=status]:empty{display:none}.playlist-create-dialog input[name=name]{width:100%;margin:0}.playlist-create-dialog input[name=name],.playlist-public-dialog .location-search-controls input,#home-location-picker .location-search-controls input,#library-search-dialog .library-query-field input,.track-language-dialog .discovery-selector input[type=search]{--playlist-field-shadow: 0 2px 9px color-mix(in srgb, var(--text) 7%, transparent), 0 1px 2px color-mix(in srgb, var(--text) 5%, transparent);border:0;border-radius:10px;outline:none;background:var(--surface);box-shadow:var(--playlist-field-shadow);appearance:none;transition:box-shadow .18s ease}.playlist-create-dialog input[name=name]:focus,.playlist-public-dialog .location-search-controls input:focus,#home-location-picker .location-search-controls input:focus,#library-search-dialog .library-query-field input:focus,.track-language-dialog .discovery-selector input[type=search]:focus{outline:none;box-shadow:var(--playlist-field-shadow),0 -6px 18px rgba(255,255,255,.7019607843),0 8px 22px rgba(255,255,255,.7019607843)}@media(prefers-reduced-motion: reduce){.playlist-create-dialog input[name=name],.playlist-public-dialog .location-search-controls input,#home-location-picker .location-search-controls input,#library-search-dialog .library-query-field input,.track-language-dialog .discovery-selector input[type=search]{transition:none}}.playlist-visibility-choices{border:0;padding:0;margin:12px 0 0;min-width:0}.playlist-visibility-choices legend{font-size:12px;margin-bottom:8px}.playlist-visibility-choices label{display:flex;align-items:center;gap:12px;padding:12px;margin:0 0 8px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.playlist-visibility-choices label:has(:checked){border-color:var(--muted);background:var(--soft)}.playlist-visibility-choices input{width:auto;margin:0}.playlist-visibility-choices svg{width:20px;height:20px;flex-shrink:0}.playlist-visibility-choices span{display:grid;gap:4px}.playlist-visibility-choices strong{font-size:13px;font-weight:500}.playlist-visibility-choices small{font-size:11px;color:var(--muted);line-height:1.5}@media(max-width: 600px){#playlist-picker .picker-create{margin-right:0}#playlist-picker:has(#picker-top:not([hidden]),#picker-add[hidden]) .picker-create{grid-column:1/-1}}@media(hover: none),(pointer: coarse){#playlist-picker .dialog-heading .icon-button,.playlist-create-dialog .dialog-heading .icon-button{width:44px;min-height:44px}#playlist-picker .dialog-actions button,.playlist-create-dialog .dialog-actions button{min-height:44px}}.library-feedback{position:fixed;inset:50% auto auto 50%;z-index:200;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(260px,100vw - 48px);margin:0;padding:32px 20px;overflow:visible;border:0;outline:0;background:rgba(0,0,0,0);color:var(--text);text-align:center;pointer-events:none;isolation:isolate;opacity:0;transform:translate(-50%, calc(-50% + 8px)) scale(0.97);transition:opacity .22s ease,transform .22s ease}.library-feedback::before{content:"";position:absolute;inset:-40px -20px;z-index:-1;background:radial-gradient(ellipse, var(--surface) 28%, color-mix(in srgb, var(--surface) 94%, transparent) 42%, transparent 72%);filter:blur(12px)}.library-feedback::backdrop{background:rgba(0,0,0,0);pointer-events:none}.library-feedback.is-visible{opacity:1;transform:translate(-50%, -50%) scale(1)}.library-feedback-symbol{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid color-mix(in srgb, var(--text) 9%, transparent);border-radius:50%;background:var(--surface);box-shadow:0 8px 28px color-mix(in srgb, var(--text) 7%, transparent)}.library-feedback-symbol>[data-feedback-icon]{display:grid;place-items:center}.library-feedback-symbol>[data-feedback-icon]>.icon{width:30px;height:30px}.library-feedback-check{position:absolute;right:-3px;bottom:0;width:23px;height:23px}.library-feedback p{margin:0;max-width:210px;overflow-wrap:anywhere;font-size:14px;font-weight:550;line-height:1.5}@media(prefers-reduced-motion: reduce){.library-feedback{transform:translate(-50%, -50%);transition:opacity .1s linear}}.playlist-genie-layer{position:fixed;inset:0;z-index:201;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,0);overflow:hidden;pointer-events:none}.playlist-genie-layer::backdrop{background:rgba(0,0,0,0);pointer-events:none}.playlist-genie-target{transition:none}.playlist-genie-target p{visibility:hidden}.playlist-genie-target .library-feedback-check{opacity:0}.playlist-genie-ribbon{position:absolute;overflow:hidden;transform-origin:center;pointer-events:none;will-change:transform,opacity}.playlist-genie-ribbon .picker-track{max-height:none;overflow:hidden}.library-feedback.has-arrived p{animation:playlist-arrival-copy .24s ease-out both}.library-feedback.has-arrived .library-feedback-check{animation:playlist-arrival-check .3s cubic-bezier(0.2, 0.8, 0.2, 1.2) both}@keyframes playlist-arrival-copy{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes playlist-arrival-check{from{opacity:0;transform:scale(0.4)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion: reduce){.library-feedback.has-arrived :is(p,.library-feedback-check){animation:none}}.playlist-public-toggle{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.playlist-public-toggle input{width:auto}.playlist-public-toggle svg{width:1.1rem;height:1.1rem}.playlist-public-toggle [data-tooltip]{margin-left:auto;display:inline-flex}.playlist-link-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-block:.75rem}.playlist-link-actions a{padding:.65rem .85rem;border:1px solid var(--border);border-radius:.5rem;text-decoration:none}.playlist-public-fields,[data-create-location],[data-sharing-location]{display:grid;grid-template-columns:minmax(0, 1fr);min-width:0;gap:16px}.playlist-category-choice,.playlist-public-fields .region-choice{width:100%;min-width:0;padding:0;margin:0;border:0}.playlist-category-choice legend{margin-bottom:8px;font-size:13px;font-weight:600}.playlist-category-trigger,.playlist-public-fields .location-choice-button{width:100%;min-width:0;min-height:42px;padding:10px 12px;justify-content:space-between;gap:12px;font-size:14px;font-weight:400;line-height:1.4;text-align:left;background:var(--surface)}.playlist-public-fields .location-choice-button{flex:1}.playlist-category-trigger>span,.playlist-public-fields .location-choice-button>span{min-width:0;white-space:normal;overflow-wrap:anywhere}.playlist-category-trigger>svg,.playlist-public-fields .location-choice-button>svg{width:14px;height:14px;flex:0 0 14px}.playlist-category-dialog [data-category-form]{display:grid;gap:.75rem}.playlist-category-dialog [data-category-form][hidden]{display:none}.account-menu{position:relative;min-width:0;padding-top:4px}.account-trigger{display:flex;align-items:center;gap:6px;padding:4px;min-height:42px;border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;list-style:none;transition:background .15s,border-color .15s}.account-trigger::-webkit-details-marker{display:none}.account-trigger:hover,.account-trigger:focus-visible,.account-menu[open] .account-trigger{background:color-mix(in srgb, var(--text) 5%, var(--surface));border-color:var(--border)}.account-trigger-copy{min-width:0;flex:1;line-height:1.35}.account-trigger .avatar{width:30px;height:30px;font-size:11px}.account-trigger strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;font-weight:600}.account-trigger>.icon{width:14px;height:14px;color:var(--muted);transition:transform .15s}.account-menu[open] .account-trigger>.icon{transform:rotate(180deg)}.account-menu-panel{position:absolute;bottom:calc(100% + 12px);left:0;width:288px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 20px 48px rgba(0,0,0,.1411764706);z-index:60;animation:popup-in .16s ease}.account-menu-heading{padding:12px 10px;border-bottom:1px solid var(--border);margin-bottom:5px}.account-menu-heading p{margin:5px 0 0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu .account-menu-item,#login-link{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;padding:10px;border:1px solid rgba(0,0,0,0);border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;background:rgba(0,0,0,0);color:var(--text);text-align:left}.account-menu-item .icon{width:20px;height:20px;color:var(--muted)}#login-link:hover,#login-link:focus-visible,.account-menu .account-menu-item:hover,.account-menu .account-menu-item:focus-visible,.account-menu .account-menu-item[aria-current=page]{background:color-mix(in srgb, var(--text) 5%, var(--surface));border-color:var(--border)}.account-menu-divider{height:1px;margin:6px 10px;background:var(--border)}.settings-dialog{inset:0;width:min(760px,100vw);max-width:none;height:100dvh;max-height:100dvh;margin:0 auto;border-block:0;border-radius:0;overflow:hidden}.settings-dialog[open]{display:flex;flex-direction:column}.settings-dialog>.dialog-heading{flex-shrink:0}.settings-layout{display:grid;grid-template-columns:170px minmax(0, 1fr);min-height:0;flex:1}.settings-nav{padding:16px 10px;border-right:1px solid var(--border);background:var(--soft);display:flex;flex-direction:column;align-items:stretch;gap:5px}.settings-nav button{display:flex;justify-content:flex-start;gap:10px;background:rgba(0,0,0,0);color:var(--muted);border-color:rgba(0,0,0,0);font-weight:500;padding:11px}.settings-nav button:hover{color:var(--text);background:var(--surface)}.settings-nav button[aria-current=page]{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600}.settings-nav .icon{width:18px;height:18px}.settings-content{min-width:0;padding:28px;overflow-y:auto;overscroll-behavior:contain}.settings-content>section>h2{font-size:21px}.settings-content>section>.muted{margin-bottom:26px}#settings-status:not(:empty){padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--soft);color:var(--muted);font-size:12px}#settings-status.error{color:#a03636;border-color:#dbaaaa}.profile-summary{display:flex;align-items:center;gap:14px;padding:20px 0 24px}.profile-summary>div{min-width:0;flex:1}.profile-summary h3{font-size:16px;margin:0 0 4px}.profile-summary p{margin:0;font-size:12px;overflow-wrap:anywhere}.profile-avatar{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;background:var(--soft);font-size:21px;font-weight:600}.settings-facts{margin:0 0 24px;border-top:1px solid var(--border)}.settings-facts>div{display:grid;grid-template-columns:140px minmax(0, 1fr);gap:12px;padding:17px 0;border-bottom:1px solid var(--border);font-size:12px}.settings-facts dt{color:var(--muted)}.settings-facts dd{margin:0;overflow-wrap:anywhere;font-weight:550}.settings-note{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:24px 0;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--muted)}.settings-note p{margin:0;font-size:12px}.settings-security{display:grid;gap:18px}#security-page{max-width:740px;width:100%;margin-inline:auto;grid-column:1/-1}#security-actions{display:grid;gap:18px;border:0;margin:0;padding:0;min-width:0}#security-lock-note{margin:0;color:var(--muted);font-size:13px}#security-actions:disabled{opacity:.65}#totp-secret,#recovery-codes{overflow-wrap:anywhere}.settings-security .card{padding:20px}.settings-security .card>button{margin:8px 8px 0 0}.settings-security .card h2{font-size:16px}.settings-security .card p{font-size:12px;color:var(--muted)}.theme-choices{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;padding:0;border:0;margin:0 0 20px}.theme-choices legend{margin-bottom:14px;font-size:13px;font-weight:600}.theme-choice{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:12px;cursor:pointer}.theme-choice:hover{background:var(--soft)}.theme-choice:has(input:checked){border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.theme-choice input{position:absolute;bottom:13px;right:10px;width:15px;height:15px;min-height:15px;margin:0;accent-color:var(--text)}.theme-preview{display:flex;width:100%;height:65px;border:1px solid #ddd;border-radius:5px;background:#fff;overflow:hidden}.theme-preview i:first-child{width:26%;height:100%;background:#f0f0f2;border-right:1px solid #ddd}.theme-preview i:last-child{width:60%;height:8px;margin:16px 8px;border-radius:2px;background:#d4d5d8;box-shadow:0 14px 0 #ececee}.dark-preview{background:#24262a;border-color:#55575c}.dark-preview i:first-child{background:#1c1e21;border-color:#55575c}.dark-preview i:last-child{background:#676a70;box-shadow:0 14px 0 #383b40}.system-preview{background:#24262a}.system-preview i:first-child{width:45%}.system-preview i:last-child{background:#676a70;box-shadow:0 14px 0 #383b40}@keyframes popup-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width: 801px){.sidebar-collapsed .account-trigger{justify-content:center;padding-inline:0}.sidebar-collapsed .account-trigger-copy,.sidebar-collapsed .account-trigger>.icon{display:none}.sidebar-collapsed .account-menu-panel{left:calc(100% + 14px);bottom:0}}@media(max-width: 800px){.account-menu-panel{width:100%}.settings-dialog{width:100vw;height:100dvh;max-height:100dvh}.settings-layout{display:flex;flex-direction:column}.settings-nav{flex-direction:row;flex-shrink:0;padding:10px;border-right:0;border-bottom:1px solid var(--border);gap:4px}.settings-nav button{justify-content:center;flex:1;padding:10px 6px;font-size:12px;gap:6px}.settings-nav .icon{width:16px;height:16px}.settings-content{padding:22px 18px}.settings-facts>div{grid-template-columns:100px minmax(0, 1fr)}.profile-summary .private-badge{display:none}.theme-choices{gap:8px}.theme-choice{padding:9px}.theme-choice input{right:8px;bottom:12px}.settings-security .card{padding:18px}}.auth-entry-brand{display:none;align-items:center;justify-content:center;gap:10px;width:fit-content;margin:0 auto 24px;color:var(--text);text-decoration:none;font-size:19px;font-weight:750}.auth-entry-brand .brand-mark{width:44px;height:44px}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) .page-frame{width:100%;max-width:500px;margin:12px auto 0;padding:clamp(22px,4vw,38px);border:0;border-radius:14px;background:var(--surface);box-shadow:0 2px 8px rgba(24,28,31,.0156862745),0 8px 24px rgba(24,28,31,.0235294118)}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) .auth-entry-brand{display:flex}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) .page-heading{margin-bottom:26px}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) .help-heading{justify-content:center}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) #page-eyebrow{display:none}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) h1{margin:0;text-align:center;font-size:clamp(21px,4vw,24px);font-weight:600;letter-spacing:-0.4px}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) .intro{margin:0 0 26px;text-align:center;font-size:13px}body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) .account-layout>a{display:block;margin-top:20px;text-align:center;font-size:12px}@media(max-width: 539px){body:is([data-screen=login],[data-screen=signup],[data-screen=verify],[data-screen=reset],[data-screen=mfa],[data-screen=reactivate],[data-screen=google],[data-screen=google-signup]) .page-frame{margin-top:0;padding:24px 18px}}.auth-entry-form{display:grid;gap:17px}.auth-entry-form+.auth-entry-form{margin-top:22px}.auth-entry-form>p{margin-bottom:0;color:var(--muted);font-size:13px}.auth-entry-form input:not([type=checkbox]){min-height:48px;font-size:16px}.auth-entry-form>button{width:100%;min-height:46px}.auth-entry-form>a{text-align:center;font-size:12px}.auth-workspace-bar{position:relative;min-height:58px;border-bottom:0;background:var(--surface)}.auth-workspace-bar::after{content:"";position:absolute;inset:100% 0 auto;height:16px;background:linear-gradient(to bottom, var(--surface), transparent);pointer-events:none}.auth-navigation{display:flex;align-items:center;gap:8px}.auth-navigation a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:550;transition:background .15s,color .15s}.auth-navigation a:hover{background:var(--soft);color:var(--text)}.auth-navigation a[aria-current=page]{background:var(--text);color:var(--surface)}.auth-navigation #workspace-title{color:inherit}.auth-navigation .icon{width:16px;height:16px}.auth-field{position:relative;display:block;margin-top:7px}.auth-field>span{position:absolute;top:50%;left:10px;max-width:calc(100% - 24px);padding:0 4px;transform:translateY(-50%);color:var(--muted);background:var(--surface);font-size:14px;font-weight:400;line-height:1.3;pointer-events:none;transition:top .16s ease,font-size .16s ease,color .16s ease}.auth-entry-form .auth-field input{min-height:52px;background:var(--surface)}.auth-field input:focus+span,.auth-field input:not(:placeholder-shown)+span{top:0;font-size:12px;color:var(--text)}.auth-field input:autofill+span{top:0;font-size:12px;color:var(--text)}@media(prefers-reduced-motion: reduce){.auth-field>span,.auth-navigation a{transition:none}}.public-information{width:100%;max-width:640px;margin:0 auto;overflow-wrap:anywhere}.public-information textarea{width:100%;resize:vertical;min-height:140px}.account-danger{border-color:#c85a5a}button.secondary.danger-action,.danger-copy{color:#b42318}button.secondary.danger-action{border-color:#c85a5a}button.secondary.danger-action:hover{background:#fff1f0;color:#912018}[data-theme=dark] button.secondary.danger-action,[data-theme=dark] .danger-copy{color:#ffaaa3}[data-theme=dark] button.secondary.danger-action:hover{background:#432320;color:#ffc4bf}.deactivation-dialog{width:min(580px,100vw - 24px);background:var(--surface)}.deactivation-dialog .dialog-heading,.deactivation-dialog .dialog-actions{background:var(--surface)}.deactivation-steps{display:grid;gap:20px;margin:0;padding-left:22px;font-size:13px}.deactivation-steps p{margin-top:6px}.deactivation-acknowledgment{display:flex;align-items:flex-start;gap:10px;font-size:13px}.deactivation-acknowledgment input{width:18px;min-height:18px;height:18px;flex-shrink:0;margin-top:2px}#deactivation-status:empty{display:none}#deactivation-status.error{color:#b42318}.account-danger h2 .icon{width:19px;height:19px;vertical-align:middle;color:#b42318;margin-right:5px}.google-entry{display:grid;gap:20px;margin-bottom:20px}.google-entry .google-signin-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:12px;border:1px solid #747775;background:#fff;color:#1f1f1f;font-size:14px;font-weight:500}.google-entry .google-signin-button:hover{background:#f2f2f2}:root[data-theme=dark] .google-entry .google-signin-button{background:#fff;color:#1f1f1f;border-color:#747775}:root[data-theme=dark] .google-entry .google-signin-button:hover{background:#f2f2f2}.google-signin-icon{display:block;width:20px;height:20px;flex-shrink:0}.google-entry .auth-divider{margin:0;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.08em}:root[data-theme=dark]{color-scheme:dark;--text: #eeeff1;--muted: #aaadb5;--border: #3b3d43;--surface: #24262a;--soft: #2c2e34;background:var(--surface)}:root[data-theme=dark] body,:root[data-theme=dark] dialog,:root[data-theme=dark] .dialog-heading,:root[data-theme=dark] .mobile-header{background:var(--surface)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .search-bar,:root[data-theme=dark] .secondary,:root[data-theme=dark] .card,:root[data-theme=dark] .track-card{background:var(--surface);color:var(--text);border-color:var(--border)}:root[data-theme=dark] button:not(.secondary):not(.icon-button):not(.text-button):not(.account-menu-item):not(.navigation-backdrop):not(.home-region-trigger):not([data-settings-tab]),:root[data-theme=dark] .button:not(.secondary){background:#eeeff1;border-color:#eeeff1;color:#202124}:root[data-theme=dark] button:not(.secondary):not(.icon-button):not(.text-button):not(.account-menu-item):not(.navigation-backdrop):not(.home-region-trigger):not([data-settings-tab]):hover,:root[data-theme=dark] .button:not(.secondary):hover{background:#d4d6da}:root[data-theme=dark] .icon-button{color:var(--muted)}:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .secondary:hover{background:var(--soft);color:var(--text)}:root[data-theme=dark] .settings-nav button:not(.secondary){background:rgba(0,0,0,0);color:var(--muted);border-color:rgba(0,0,0,0)}:root[data-theme=dark] .settings-nav button:not(.secondary):hover,:root[data-theme=dark] .settings-nav button[aria-current=page]:not(.secondary){background:var(--surface);color:var(--text);border-color:var(--border)}:root[data-theme=dark] .home-welcome,:root[data-theme=dark] .dialog-actions,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .upload-guide,:root[data-theme=dark] #storage-usage,:root[data-theme=dark] #youtube-consent{background:var(--soft)}:root[data-theme=dark] .home-welcome .section-mark,:root[data-theme=dark] .home-link:hover,:root[data-theme=dark] #app-player{background:var(--surface)}:root[data-theme=dark] .track-art{background:#000;border-color:var(--border);color:var(--muted)}:root[data-theme=dark] .avatar{background:var(--soft);border-color:var(--border)}:root[data-theme=dark] .queue-row.is-current{background:var(--soft);border-color:#797e89}:root[data-theme=dark] #status:not(:empty),:root[data-theme=dark] #music-status:not(:empty){background:var(--soft)}:root[data-theme=dark] #status.error,:root[data-theme=dark] #music-status.error,:root[data-theme=dark] #settings-status.error{background:#3b2729;color:#f0aaaa;border-color:#704346}:root[data-theme=dark] .skip-link{background:var(--surface)}body:is([data-screen=home],[data-screen=discover],[data-screen=library],[data-screen=uploads],[data-screen=playlists],[data-screen=playlist],[data-screen=public-playlist],[data-screen=queue],[data-screen=activity],[data-screen=favourites]) .workspace-bar{display:none}body:is([data-screen=home],[data-screen=discover],[data-screen=library],[data-screen=uploads],[data-screen=playlists],[data-screen=playlist],[data-screen=public-playlist],[data-screen=queue],[data-screen=activity],[data-screen=favourites]) .page-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body:is([data-screen=home],[data-screen=discover],[data-screen=library],[data-screen=uploads],[data-screen=playlists],[data-screen=playlist],[data-screen=public-playlist],[data-screen=queue],[data-screen=activity],[data-screen=favourites]) .page-heading .eyebrow{display:none}body:is([data-screen=home],[data-screen=discover],[data-screen=library],[data-screen=uploads],[data-screen=playlists],[data-screen=playlist],[data-screen=public-playlist],[data-screen=queue],[data-screen=activity],[data-screen=favourites]) main{padding-top:28px}.home-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}.home-shortcuts a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 16px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.home-shortcuts a:hover,.home-shortcuts a:focus-visible{background:var(--soft);border-color:var(--muted)}.home-shortcuts .icon{color:var(--muted)}.discover-controls{position:relative;margin:0 0 24px}.discover-search-area{position:relative;width:min(680px,100%)}.discover-search-shell{position:relative}.discover-search-shell input{min-height:50px;padding:11px 54px 11px 46px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.0392156863)}.discover-search-shell input:focus{border-color:var(--muted);box-shadow:0 0 0 2px color-mix(in srgb, var(--text) 12%, transparent),0 10px 28px rgba(0,0,0,.0509803922);outline:none}.discover-search-shell .icon-button{position:absolute;top:50%;display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:6px;color:var(--muted);background:rgba(0,0,0,0);transform:translateY(-50%)}.discover-search-submit{left:6px}.discover-filter-trigger{right:6px}.discover-search-shell .icon-button:hover,.discover-search-shell .icon-button:focus-visible{background:var(--soft);color:var(--text)}.discover-search-shell .icon{width:18px;height:18px}.filter-active-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--text)}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;z-index:18;width:100%;max-height:min(440px,60dvh);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:0 18px 45px rgba(0,0,0,.1411764706)}.suggestion-heading{padding:7px 8px 10px;font-size:12px;font-weight:600}#suggestion-items .suggestion-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:56px;padding:8px;border:1px solid rgba(0,0,0,0);border-radius:6px;color:var(--text);background:rgba(0,0,0,0);text-align:left}#suggestion-items .suggestion-item:hover,#suggestion-items .suggestion-item:focus-visible{background:var(--soft);border-color:var(--border)}.suggestion-item>span{min-width:0}.suggestion-item strong,.suggestion-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-item strong{font-size:13px;font-weight:600}.suggestion-item small{margin-top:4px;font-size:11px;font-weight:400;color:var(--muted)}.suggestion-item .icon{color:var(--muted)}#suggestion-items>p,.suggestion-hint{margin:0;padding:10px 8px;font-size:12px;color:var(--muted)}.suggestion-hint{border-top:1px solid var(--border);font-size:11px}#music-filters.filter-dialog{position:relative;inset:auto;width:min(680px,100%);max-height:none;margin:12px 0 0;border-radius:10px;overflow:visible;z-index:19}.filter-dialog .dialog-heading{padding:8px 16px;border-radius:10px 10px 0 0}.filter-dialog .dialog-heading h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.filter-dialog .dialog-heading h2 .icon{width:17px;height:17px}.filter-dialog .dialog-heading .icon-button{width:32px;min-height:32px;padding:6px}.filter-dialog .dialog-body{padding:14px 16px;gap:14px}.filter-dialog label{color:var(--muted);font-size:12px}.filter-dialog .dialog-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;padding:8px 16px;border-radius:0 0 10px 10px;background:var(--surface)}.filter-dialog .dialog-actions button{min-height:34px;padding:6px 10px;font-size:12px}#music-filters select,#trending-dialog select,.filter-source-picker summary{--filter-field-shadow: 0 2px 9px color-mix(in srgb, var(--text) 7%, transparent), 0 1px 2px color-mix(in srgb, var(--text) 5%, transparent);min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:10px;background-color:var(--surface);color:var(--text);font-size:13px;outline:none;box-shadow:var(--filter-field-shadow);transition:box-shadow .18s ease}#music-filters select:focus,#trending-dialog select:focus,.filter-source-picker summary:focus{outline:none;box-shadow:var(--filter-field-shadow),0 -6px 18px rgba(255,255,255,.7019607843),0 8px 22px rgba(255,255,255,.7019607843)}.filter-source-picker{position:relative}.filter-source-picker[open]{z-index:3}.filter-source-picker summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none}.filter-source-picker summary::-webkit-details-marker{display:none}.filter-source-picker .icon{width:17px;height:17px;flex-shrink:0}#filter-source-copy,.filter-source-options label>span{display:flex;align-items:center;gap:8px}.filter-source-options{position:absolute;top:calc(100% + 6px);left:0;width:max(100%,180px);max-height:min(240px,45dvh);overflow-y:auto;padding:5px;border-radius:10px;background:var(--surface);box-shadow:0 6px 24px color-mix(in srgb, var(--text) 15%, transparent)}.filter-source-options label{position:relative;display:block;margin:0;color:var(--text);font-size:13px;cursor:pointer}.filter-source-options input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;margin:0}.filter-source-options label>span{min-height:38px;padding:8px 10px;border-radius:7px}.filter-source-options label:hover>span,.filter-source-options input:checked+span{background:var(--soft)}.filter-source-options input:checked+span::after{content:"✓";margin-left:auto}.filter-source-options input:focus-visible+span{background:var(--soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 18%, transparent),0 0 8px rgba(255,255,255,.7019607843)}@media(hover: none),(pointer: coarse){.filter-dialog .dialog-heading .icon-button{width:44px;min-height:44px}.filter-dialog .dialog-actions button,.filter-source-options label>span{min-height:44px}}@media(prefers-reduced-motion: reduce){#music-filters select,#trending-dialog select,.filter-source-picker summary{transition:none}}@media(max-width: 800px){.home-shortcuts{gap:8px}.home-shortcuts a{padding:10px 12px}}@media(max-width: 539px){.home-shortcuts{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}.home-shortcuts a{flex-direction:column;justify-content:center;gap:6px;min-height:72px;padding:10px 6px;font-size:12px;text-align:center}}.suggestion-item .track-art{flex:0 0 42px;width:42px;height:42px;padding:4px;margin:0;border-radius:5px;font-size:18px}.recent-listening{margin-top:32px}.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-heading h2{font-size:17px;margin:0}.recent-heading .text-button{font-size:12px}#recent-status{font-size:12px}#recent-status:empty{display:none}.recent-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:4px}.recent-list li{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 8px 4px 0;border-radius:9px;transition:background .15s,box-shadow .15s}.recent-list li:is(:hover,:focus-within){background:var(--soft);box-shadow:0 2px 8px rgba(0,0,0,.0235294118)}.recent-list .recent-play.secondary{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:12px;min-width:0;flex:1;color:var(--text);background:rgba(0,0,0,0);border:0;padding:8px}.recent-list .recent-play.secondary:hover{background:rgba(0,0,0,0)}.recent-artwork{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:5px}.recent-play .track-art{width:100%;height:100%;margin:0;padding:5px;font-size:20px;border-radius:inherit}.recent-play-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:rgba(0,0,0,.2509803922);color:rgba(255,255,255,.9019607843);opacity:0;transition:opacity .15s;pointer-events:none}.recent-play-overlay svg{width:23px;height:23px;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2509803922))}.recent-list li:is(:hover,:focus-within) .recent-play-overlay{opacity:1}.recent-copy{display:block;min-width:0}.recent-title{display:flex;align-items:baseline;gap:8px;min-width:0}.recent-copy strong,.recent-artist{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-copy strong{min-width:0;font-size:13px;font-weight:600}.recent-copy small{display:flex;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.recent-source{position:relative;display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap}.recent-source svg{width:16px;height:16px;opacity:.85}.recent-list time{flex-shrink:0;font-size:10px;font-weight:400;color:var(--muted);white-space:nowrap}.recent-list [data-tooltip]::after,.playlist-row [data-tooltip]::after,.playlist-track [data-tooltip]::after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 5px);z-index:2;padding:6px 9px;border-radius:5px;background:var(--text);color:var(--surface);font-size:11px;font-weight:400;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.recent-source:hover::after,.recent-play:focus-visible .recent-artwork::after,.recent-play:hover:not(:has(.recent-source:hover,time:hover)) .recent-artwork::after{opacity:1}.recent-list :is(.recent-artwork,.recent-source)::after{left:0;right:auto}@media(hover: none){.recent-play-overlay{opacity:1;background:rgba(0,0,0,.1490196078)}}@media(prefers-reduced-motion: reduce){.recent-list li,.recent-play-overlay,.recent-list [data-tooltip]::after{transition:none}}.recent-controls{display:flex;gap:8px}.history-sync{font-size:11px;color:var(--muted)}.history-sync .text-button{font-size:inherit}@media(max-width: 600px){.recent-list li{gap:4px}.recent-artwork{flex-basis:40px;width:40px;height:40px}}.search-feedback{font-size:13px;color:var(--muted)}.search-feedback:empty,.search-pagination:empty{display:none}.search-pagination{margin-top:16px}.music-search-results{margin:24px 0 32px}.search-results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-results-heading h2{font-size:17px;margin:0}.search-results-heading button{font-size:12px}.filter-field{min-width:0}@media(min-width: 600px){.filter-dialog .dialog-body{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}}@media(max-width: 800px){.has-player .search-suggestions{max-height:clamp(100px,100dvh - var(--player-height, 54px) - var(--player-details-height, 0px) - var(--mobile-header-height, 48px) - 180px,360px)}}.playlists-workspace{width:min(820px,100%);margin:30px auto 0}.playlists-workspace>h2{margin:0 0 20px;font-size:25px;font-weight:650}.playlists-panel{padding:0}.playlist-input{position:relative;margin:0}.playlist-input input{min-height:48px;padding:11px 50px 11px 14px;font-size:13px}.playlist-input .icon-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;min-height:38px;padding:8px}.playlist-create{margin-top:12px}.playlist-create input{background:var(--soft);border-color:rgba(0,0,0,0)}.playlists-panel .collection-list{grid-template-columns:repeat(auto-fill, minmax(min(100%, max(160px, (100% - 36px) / 4)), 1fr));align-items:stretch;margin:18px 0;gap:18px 12px}.playlists-panel .collection-list>p{grid-column:1/-1}.playlists-panel .playlist-row{position:relative;display:grid;grid-template-columns:minmax(0, 1fr) 28px;grid-template-rows:auto 1fr;align-items:start;gap:8px 4px;min-width:0;padding:16px 8px 10px;border:1px solid rgba(0,0,0,0);border-radius:12px;background:var(--surface);transition:background .15s,border-color .15s}.playlists-panel .playlist-row:is(:hover,:focus-within){background:var(--soft);border-color:var(--border)}.playlists-panel .playlist-row:has(.playlist-actions[open]){z-index:5}.playlist-list-tools{display:flex;justify-content:space-between;margin-top:18px}.reorder-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;cursor:pointer;min-height:32px}.reorder-toggle input{position:absolute;right:0;width:30px;height:20px;opacity:0;margin:0;cursor:pointer}.reorder-switch{position:relative;width:30px;height:18px;border-radius:12px;background:var(--border);transition:background .15s;pointer-events:none}.reorder-switch::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.1333333333);transition:transform .15s}.reorder-toggle input:checked+.reorder-switch{background:var(--text)}.reorder-toggle input:checked+.reorder-switch::after{transform:translateX(12px)}.reorder-toggle input:focus-visible+.reorder-switch{outline:2px solid var(--muted);outline-offset:3px}.reorder-toggle input:disabled+.reorder-switch{opacity:.5}.playlists-panel .collection-list[aria-busy=true] :is(a,summary){pointer-events:none}#playlist-list-status{font-size:12px}#playlist-list-status:empty{display:none}.playlists-panel .playlist-cover{position:relative;isolation:isolate;display:block;grid-column:1/-1;min-width:0;width:100%;margin:0;border-radius:8px}.playlist-cover.has-stack::before,.playlist-cover.has-stack::after{content:"";position:absolute;height:100%;border-radius:8px;background:color-mix(in srgb, var(--muted) 24%, var(--surface));pointer-events:none}.playlist-cover.has-stack::before{inset:-8px 14px auto;z-index:-2;opacity:.5}.playlist-cover.has-stack::after{inset:-4px 7px auto;z-index:-1}.playlist-cover .track-art,.playlist-cover-empty{display:flex;align-items:center;justify-content:center;width:100%;height:auto;margin:0;padding:0;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--soft);color:var(--muted)}.playlist-cover .track-art img{width:100%;height:100%;object-fit:contain}.playlist-cover-empty>.icon{width:28px;height:28px;opacity:.65}.playlist-cover-count{position:absolute;right:7px;bottom:7px;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.7333333333);color:#fff;font-size:11px;font-weight:600;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}.playlists-panel .playlist-card-title{min-width:0;min-height:3em;margin:0 2px;padding-top:3px;font-size:14px;font-weight:600;line-height:1.5;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.playlists-panel .playlist-card-actions{position:relative;z-index:3;justify-self:end}.playlists-panel .playlist-card-actions>summary{width:28px;height:28px;min-height:28px;padding:5px;border:0;background:rgba(0,0,0,0);color:var(--muted);box-shadow:none}.playlists-panel .playlist-card-actions>summary:is(:hover,:focus-visible){background:var(--soft);color:var(--text)}.playlist-card-actions>summary .icon{width:18px;height:18px}.playlist-row [data-tooltip]:is(:hover,:focus-visible)::after{opacity:1}@media(max-width: 600px){.playlists-panel .playlist-card-title{font-size:13px}}@media(prefers-reduced-motion: reduce){.reorder-switch,.reorder-switch::after,.playlists-panel .playlist-row,.playlist-row [data-tooltip]::after{transition:none}}.playlist-detail-heading{display:flex;align-items:center;gap:12px;margin:20px 0}.playlist-detail-heading h2{flex:1;min-width:0;margin:0;font-size:25px;overflow-wrap:anywhere}.playlist-detail-heading .icon-button{flex-shrink:0}#playlist-items,.library-track-list{gap:4px}.playlist-track.track-card{display:grid;grid-template-columns:48px minmax(0, 1fr) auto auto;align-items:center;gap:12px;padding:12px;border-color:rgba(0,0,0,0);border-radius:8px;background:var(--surface);transition:background .15s,box-shadow .15s}.playlist-track.track-card:is(:hover,:focus-within){background:var(--soft);box-shadow:0 2px 10px rgba(0,0,0,.031372549)}.playlist-track-duration{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.playlist-track-number,.suggestion-number,.picker-position{position:absolute;top:3px;left:3px;z-index:1;min-width:17px;padding:1px 4px;border-radius:4px;background:rgba(0,0,0,.7333333333);color:#fff;font-size:10px;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none}.playlist-track .playlist-track-artwork{position:relative;width:48px;height:48px;min-height:44px;margin:0;padding:0;border:0;border-radius:10px;background:rgba(0,0,0,0)}.playlist-track-artwork .track-art{width:100%;height:100%;margin:0;padding:4px;border-radius:inherit;font-size:20px}.playlist-track-play-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;color:rgba(255,255,255,.9019607843);background:rgba(0,0,0,.3333333333);opacity:0;transition:opacity .15s}.playlist-track-play-overlay svg{width:21px;height:21px}.playlist-track:is(:hover,:focus-within) .playlist-track-play-overlay{opacity:1}.playlist-track-copy{min-width:0}.playlist-track h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.playlist-track-meta{display:flex;align-items:center;gap:6px;min-width:0;margin-top:4px;color:var(--muted);font-size:11px}.playlist-track-source{position:relative;display:inline-flex;flex-shrink:0}.playlist-track-source svg{width:16px;height:16px;opacity:.85}.playlist-track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px}.playlist-track .playlist-track-action.secondary{position:relative;display:grid;place-items:center;width:40px;height:44px;min-height:44px;padding:10px;margin:0;border:0;border-radius:6px;color:var(--muted);background:rgba(0,0,0,0)}.playlist-track-action svg{width:20px;height:20px}.playlist-track .playlist-track-action.secondary:is(:hover,:focus-visible):not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 5%, var(--soft))}.playlist-track [data-tooltip]:is(:hover,:focus-visible):not(:disabled)::after{opacity:1}.playlist-track :is(.playlist-track-play,.playlist-track-source)::after{left:0;right:auto}.playlist-track-actions>[data-tooltip="Add to Queue"]::after{left:0;right:auto}.playlist-track.is-unavailable .playlist-track-copy{color:var(--muted);font-size:13px}@media(max-width: 1100px){.playlist-track.track-card{grid-template-columns:44px minmax(0, 1fr) auto;gap:8px;padding:10px}.playlist-track .playlist-track-artwork{width:44px;height:44px}.playlist-track-actions{grid-column:1/-1}}@media(hover: none){.playlist-track-play-overlay{opacity:1}}@media(prefers-reduced-motion: reduce){.playlist-track.track-card,.playlist-track-play-overlay,.playlist-track [data-tooltip]::after{transition:none}}#queue-list{gap:4px}.queue-row.playlist-track h3{min-width:0}.queue-row.playlist-track.is-current{background:var(--soft);border-color:var(--border)}.search-track-list{gap:4px}#suggestion-items .suggestion-item{display:grid;grid-template-columns:42px minmax(0, 1fr) auto;gap:8px}.suggestion-duration{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.suggestion-art{position:relative;width:42px;height:42px;border-radius:10px}.suggestion-art .track-art{border-radius:inherit}.suggestion-item:is(:hover,:focus-visible) .playlist-track-play-overlay{opacity:1}.suggestion-copy small{display:flex;align-items:center;gap:5px}.suggestion-copy small>span:last-child{overflow:hidden;text-overflow:ellipsis}.suggestion-source{display:inline-flex;flex:0 0 14px;width:14px;height:14px}.suggestion-source svg{width:14px;height:14px}.engagement-actions,.recent-actions{display:inline-flex;align-items:center;gap:2px}.engagement-actions .playlist-track-action.secondary{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:auto;min-width:40px;min-height:44px;padding:8px;border:0;color:var(--muted);background:rgba(0,0,0,0)}.engagement-actions svg{flex-shrink:0;width:20px;height:20px}.engagement-actions button span{font-size:10px}.heart-detail{display:none}.engagement-favourite[aria-pressed=true] .heart-body{fill:#f44336;stroke:#f44336}.engagement-favourite[aria-pressed=true] .heart-detail{display:block}.engagement-actions .engagement-rise[aria-pressed=true]{color:#138467}.engagement-actions .engagement-rise[aria-pressed=true]:hover{color:#138467}.engagement-actions [data-tooltip]:is(:hover,:focus-visible)::after{opacity:1}.engagement-actions .is-celebrating svg{animation:engagement-pop .32s ease-out}.nav-heart{display:inline-flex;flex-shrink:0}.nav-heart svg{width:18px;height:18px}.discovery-list{margin-top:28px}.discovery-empty{display:grid;place-items:center;min-height:120px;margin:16px 0 0;padding:24px;border:1px dashed var(--border);border-radius:12px;background:color-mix(in srgb, var(--soft) 45%, transparent);color:var(--muted);text-align:center;font-size:12px;line-height:1.6}.trend-help{margin-top:-4px;font-size:12px}.trend-metrics{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin-top:5px;font-size:10px;color:var(--muted)}.trend-count{position:static;white-space:nowrap;font-variant-numeric:tabular-nums;cursor:help;border-radius:3px}.trend-count:focus-visible{outline:2px solid var(--muted);outline-offset:2px}.playlist-track .trend-count::after{left:0;right:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;width:max-content}.engagement-actions .engagement-rise::after{max-width:min(270px,100vw - 48px);width:max-content;white-space:normal;overflow-wrap:anywhere}#trending-dialog{width:min(400px,100vw - 32px);background:var(--surface)}#trending-dialog .dialog-heading{padding:8px 20px;gap:10px;background:var(--surface)}#trending-dialog .dialog-heading h2{margin:0;font-size:16px}#trending-dialog .dialog-heading .icon-button{width:32px;min-height:32px;padding:6px}#trending-dialog .dialog-body{padding:20px;gap:16px}#trending-dialog .dialog-actions{padding:8px 20px max(8px,env(safe-area-inset-bottom));gap:8px;background:var(--surface)}#trending-dialog .dialog-actions button{min-height:34px;padding:6px 10px;font-size:12px}.trend-filter-field{display:grid;gap:7px;min-width:0}.trend-filter-field label{margin:0;font-size:12px;color:var(--muted)}.trend-filter-field select{width:100%;min-width:0}#trending-dialog .trend-filter-note{font-size:11px}@media(hover: none),(pointer: coarse){#trending-dialog .dialog-heading .icon-button{width:44px;min-height:44px}#trending-dialog .dialog-actions button{min-height:44px}}@keyframes engagement-pop{50%{transform:scale(1.2) translateY(-2px)}}@media(max-width: 600px){.recent-list li{flex-wrap:wrap}.recent-list .recent-play.secondary{flex-basis:100%}.recent-actions{margin-left:auto}}@media(prefers-reduced-motion: reduce){.engagement-actions .is-celebrating svg{animation:none}}.playlist-track.track-card[data-source=youtube]{grid-template-columns:120px minmax(0, 1fr) auto auto}.playlist-track[data-source=youtube] .playlist-track-artwork{width:120px;height:70px}.playlist-track-artwork .track-art[data-source=youtube]{padding:0}.recent-artwork:has([data-source=youtube]),.recent-artwork .track-art[data-source=youtube],.suggestion-art:has([data-source=youtube]),.suggestion-art .track-art[data-source=youtube]{width:120px;height:70px;flex-shrink:0;padding:0}#suggestion-items .suggestion-item:has([data-source=youtube]){grid-template-columns:120px minmax(0, 1fr)}#suggestion-items .suggestion-item:has([data-source=youtube]) .suggestion-duration{grid-column:2}@media(max-width: 1100px){.playlist-track.track-card[data-source=youtube]{grid-template-columns:120px minmax(0, 1fr);gap:8px}.playlist-track[data-source=youtube] .playlist-track-duration{grid-column:2}}.help-heading{position:relative;display:flex;align-items:center;gap:6px;min-width:0}.help-heading>:is(h1,h2,h3){margin-bottom:0}.help-heading+:is(form,.track-list,.profile-summary,.theme-choices){margin-top:12px}.help-tip{position:static;display:inline-flex;flex:0 0 auto;vertical-align:middle}.help-tip .help-trigger{width:28px;min-height:28px;padding:5px;background:rgba(0,0,0,0);border:0;color:var(--text);opacity:.72}.help-tip .help-trigger:is(:hover,:focus-visible){opacity:1}.help-trigger .icon{width:19px;height:19px}.help-tooltip{position:absolute;top:100%;left:0;z-index:70;width:max-content;max-width:min(230px,75vw);padding:7px 10px;border-radius:6px;background:var(--text);color:var(--surface);font-size:12px;line-height:1.5;font-weight:400;letter-spacing:normal;text-align:left;opacity:0;visibility:hidden}.help-tip:is(:hover,:focus-within):not(.help-dismissed) .help-tooltip{opacity:1;visibility:visible}.home-carousel{margin:4px 0 28px}.home-music-deck{position:relative;display:grid;justify-items:center;padding:28px 0;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;border-radius:24px}.home-music-deck:active{cursor:grabbing}.home-music-deck:focus-visible{outline:2px solid var(--muted);outline-offset:3px}.home-music-card{width:min(580px,100% - 56px);display:flex;align-items:center;gap:24px;padding:22px;border:1px solid color-mix(in srgb, var(--border) 65%, transparent);border-radius:24px;background:var(--surface);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 70%, transparent),0 18px 40px -24px rgba(0,0,0,.5333333333),0 4px 12px rgba(0,0,0,.0392156863);min-width:0;overflow:hidden;isolation:isolate;transition:box-shadow .24s ease,border-color .24s ease}.home-music-card::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:color-mix(in srgb, var(--surface) 68%, transparent);backdrop-filter:blur(10px);pointer-events:none}.home-music-backdrop{position:absolute;inset:-15%;z-index:0;width:130%;height:130%;object-fit:cover;filter:blur(30px) saturate(0.85);opacity:.72;pointer-events:none}.home-music-card[data-slot="0"]{position:relative;z-index:2}.home-music-card:not([data-slot="0"]){position:absolute;top:28px;bottom:28px;z-index:1;opacity:.64;pointer-events:none;transform-origin:center;transform:translate(36px, 5px) rotate(5deg) scale(0.94);box-shadow:0 10px 26px -18px rgba(0,0,0,.3333333333)}.home-music-card[data-slot="-1"]{z-index:0;transform:translate(-36px, 5px) rotate(-5deg) scale(0.94)}.home-music-artwork{position:relative;z-index:2;width:160px;height:160px;flex:0 0 160px;border-radius:16px;box-shadow:0 6px 18px -6px rgba(0,0,0,.2666666667)}.home-music-card .track-art{width:160px;height:160px;min-width:160px;margin:0;padding:0;border-radius:16px;overflow:hidden}.home-music-card .track-art img{width:100%;height:100%;object-fit:contain}.home-music-copy{position:relative;z-index:2;min-width:0}.home-music-source{display:inline-flex;color:var(--text);opacity:.7}.home-music-source svg{width:20px;height:20px}.home-music-copy h3{margin:8px 0;font-size:20px;line-height:1.35;letter-spacing:-0.35px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-music-copy p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.home-carousel-controls{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;gap:8px;z-index:3}#home-carousel .home-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:30px;min-height:30px;padding:6px;border:1px solid rgba(255,255,255,.6784313725);border-radius:50%;background:rgba(255,255,255,.8745098039);color:#202124;box-shadow:0 2px 10px rgba(0,0,0,.3333333333);backdrop-filter:blur(8px)}#home-carousel .home-carousel-controls button:hover{background:#fff}#home-carousel .home-carousel-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}#home-carousel .home-carousel-controls button:disabled{opacity:.4;box-shadow:none}#home-carousel .home-carousel-controls .home-carousel-play{width:38px;height:38px;min-width:38px;min-height:38px;padding:9px}.home-carousel-controls .icon{width:16px;height:16px}.home-carousel-play{display:inline-flex;align-items:center;justify-content:center}.home-carousel-play>span:not([hidden]){display:inline-flex;align-items:center}#home-carousel-position{margin:6px 0 0;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.home-carousel-status{margin:12px 0 0;text-align:center;font-size:12px}@media(max-width: 600px){.home-music-deck{padding-block:24px}.home-music-card{width:calc(100% - 40px);flex-direction:column;gap:16px;padding:20px 18px;border-radius:22px;text-align:center}.home-music-card:not([data-slot="0"]){top:24px;bottom:24px;transform:translate(20px, 4px) rotate(4deg) scale(0.93)}.home-music-card[data-slot="-1"]{transform:translate(-20px, 4px) rotate(-4deg) scale(0.93)}.home-music-card .track-art{width:160px;height:160px}.home-music-copy{width:100%}.home-music-copy h3{font-size:16px;margin:7px 0}}.library-heading{justify-content:flex-start;gap:12px}.library-heading h2{margin:0}.library-search-summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.library-search-summary[hidden]{display:none}.library-search-dialog{width:min(440px,100vw - 32px);background:var(--surface)}.library-search-dialog .dialog-heading{padding:16px 20px}.library-search-dialog .dialog-heading h2{font-size:16px}.library-search-dialog .dialog-body{padding:20px;gap:12px}.library-search-dialog .dialog-actions{padding:14px 20px}.library-query-field{position:relative;min-width:0}.library-query-field input{width:100%;margin:0;padding-right:52px}.library-query-field .icon-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);margin:0}.library-query-field .icon-button::after{right:0;left:auto}.library-search-dialog .muted{margin:0;font-size:12px}.library-heading .is-active,.library-query-field .is-active{color:var(--text);background:var(--soft)}.playlist-track .library-save.secondary.is-saved{color:var(--text);background:color-mix(in srgb, var(--text) 12%, var(--surface))}.playlist-track .library-save.is-saved svg{stroke-width:2.2}.playlists-workspace{width:100%;margin:0}.library-heading h2,.playlist-detail-heading h2{font-size:18px;font-weight:650}.playlist-detail-heading{flex-wrap:wrap;gap:8px}.playlist-detail-heading h2{flex:0 1 auto;max-width:100%}.playlist-visibility-icon{display:inline-flex;align-items:center;flex-shrink:0}.playlist-visibility-icon svg{width:20px;height:20px}.playlist-playback-options{display:inline-flex;align-items:center;gap:2px}.playlist-detail-toolbar{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;margin:-8px 0 18px}.playlist-detail-toolbar .playlist-public-actions{display:inline-flex;align-items:center;gap:2px;margin:0}.playlist-detail-toolbar .icon-button{width:44px;min-width:44px;min-height:44px;padding:8px}.playlist-playback-options [aria-pressed=true]{color:var(--text);background:color-mix(in srgb, var(--text) 10%, var(--surface))}:is(.playlist-detail-heading,.playlist-detail-toolbar,.playlist-playback-options) [data-tooltip]{position:relative}:is(.playlist-detail-heading,.playlist-detail-toolbar,.playlist-playback-options) [data-tooltip]::after{box-sizing:border-box;content:attr(data-tooltip);position:absolute;left:var(--playlist-tooltip-shift, 0px);bottom:calc(100% + 7px);z-index:70;width:max-content;max-width:min(180px,70vw);padding:6px 9px;border-radius:6px;background:var(--text);color:var(--surface);font-size:11px;font-weight:400;line-height:1.5;text-align:left;pointer-events:none;opacity:0;visibility:hidden}:is(.playlist-detail-heading,.playlist-detail-toolbar,.playlist-playback-options) [data-tooltip]:is(:hover,:focus-visible):not(:disabled)::after{opacity:1;visibility:visible}:is(.playlist-detail-heading,.playlist-detail-toolbar,.playlist-playback-options) [data-tooltip]:not(:hover):not(:focus-visible)::after{content:none}.playlist-actions{position:relative;flex-shrink:0}.playlist-actions>summary{display:flex;align-items:center;justify-content:center;list-style:none;border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer}.playlist-actions>summary::-webkit-details-marker{display:none}.playlist-actions[open]>summary{background:var(--soft);color:var(--text)}.playlist-actions[open]>summary::after{display:none}.playlist-actions-panel{overflow-y:auto;overscroll-behavior:contain;position:absolute;top:calc(100% + 6px);right:0;z-index:75;width:min(230px,100vw - 32px);padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.0941176471)}.playlist-actions-panel>button{display:flex;justify-content:flex-start;width:100%;min-height:44px;padding:10px;border:0;background:rgba(0,0,0,0);font-size:13px;font-weight:500;text-align:left}.playlist-actions-panel>button:is(:hover,:focus-visible){background:var(--soft)}.playlist-actions-panel .icon{width:18px;height:18px;color:var(--muted)}.playlist-track.is-current{border-color:var(--muted);background:var(--soft)}.search-track-list .playlist-track.track-card{--search-art-width: 72px;--search-art-height: 54px;grid-template-columns:var(--search-art-width) minmax(0, 1fr) auto auto;padding:12px 0;border:0}.search-track-list .playlist-track.track-card[data-source=youtube]{--search-art-width: 120px;--search-art-height: 70px}.search-track-list .playlist-track .playlist-track-play.secondary{width:var(--search-art-width);height:var(--search-art-height);border-radius:10px}.search-track-list .playlist-track-play .track-art{padding:0;border-radius:inherit}.results-provider{position:relative;display:inline-flex;align-items:center;min-height:28px;color:var(--text)}.results-provider .icon{width:26px;height:22px}.results-provider::after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 5px);padding:5px 8px;border-radius:5px;background:var(--text);color:var(--surface);font-size:11px;font-weight:400;opacity:0;pointer-events:none}.results-provider:is(:hover,:focus-visible)::after{opacity:1}@media(max-width: 1100px){.search-track-list .playlist-track.track-card{--search-art-width: 64px;--search-art-height: 48px;grid-template-columns:var(--search-art-width) minmax(0, 1fr) auto}}#trending-list:has(.compact-track){gap:4px}.compact-track.playlist-track.track-card{grid-template-columns:72px minmax(0, 1fr) auto;gap:10px;padding:6px 0}.compact-track.playlist-track.track-card[data-source=youtube]{grid-template-columns:120px minmax(0, 1fr) auto}.compact-track .playlist-track-actions{grid-column:auto;flex-wrap:nowrap;align-items:center}.compact-track .playlist-track-meta{flex-wrap:wrap}.compact-track .playlist-track-artist{white-space:normal;overflow-wrap:anywhere}.compact-track .playlist-track-duration{white-space:nowrap}.compact-track .playlist-track-duration::before{content:"·";margin-right:6px}.playlist-track .track-language-button.secondary{display:inline-flex;align-items:center;gap:4px;min-height:26px;margin:0;padding:3px 6px;border:0;border-radius:6px;background:var(--soft);color:var(--muted);font-size:10px;font-weight:500;white-space:nowrap}.track-language-button svg{width:13px;height:13px}.playlist-track .track-language-button.secondary:is(:hover,:focus-visible){color:var(--text);background:color-mix(in srgb, var(--text) 7%, var(--surface));outline:none;box-shadow:0 0 9px rgba(255,255,255,.7019607843)}.track-language-values{font-size:10px;overflow-wrap:anywhere}@media(hover: none),(pointer: coarse){.playlist-track .track-language-button.secondary{min-height:44px;padding:6px 8px}}.compact-track:has(.track-options[open]){position:relative;z-index:76}.compact-track.playlist-track .playlist-track-actions .playlist-track-action.secondary{width:auto;min-width:30px;height:30px;min-height:30px;padding:5px}.compact-track .playlist-track-actions .playlist-track-action svg{width:18px;height:18px}.track-options>.track-more{width:30px;min-height:30px;padding:6px;color:var(--muted);background:rgba(0,0,0,0)}.track-options>.track-more svg{width:16px;height:16px}.track-options>.track-more:is(:hover,:focus-visible),.track-options[open]>.track-more{background:color-mix(in srgb, var(--text) 5%, var(--soft));color:var(--text)}.track-options .playlist-actions-panel{width:min(272px,100vw - 32px);padding:4px}.track-options .playlist-actions-panel>button{gap:8px;height:auto;min-height:34px;padding:6px 8px;color:var(--text);font-size:12px}.track-options .playlist-actions-panel>button>svg{flex:0 0 18px;width:18px;height:18px}.track-options .playlist-actions-panel>button>span{min-width:0;white-space:normal;overflow-wrap:anywhere}.track-options .playlist-actions-panel [data-tooltip]::after{display:none}.track-options :is(.library-save.is-saved,.track-queue-toggle.is-queued){background:var(--soft)}:is(.track-library-shortcuts,.track-queue-shortcuts){display:flex;align-items:center;gap:2px}.track-library-label,.track-library-hover-label,.track-queue-label,.track-queue-hover-label{min-width:0;font-size:12px;white-space:normal;overflow-wrap:anywhere}:is(.track-library-shortcuts,.track-queue-shortcuts)>button.secondary{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;min-height:30px;padding:6px;border:0;border-radius:6px;background:rgba(0,0,0,0);color:var(--muted)}:is(.track-library-shortcuts,.track-queue-shortcuts)>button.secondary:is(:hover,:focus-visible){background:var(--soft);color:var(--text)}:is(.track-library-shortcuts,.track-queue-shortcuts) svg{display:block;width:18px;height:18px}:is(.track-library-shortcuts,.track-queue-shortcuts)>:is(.track-library-toggle,.track-queue-toggle).secondary{display:flex;justify-content:flex-start;flex:1 1 auto;gap:8px;width:auto;min-width:0;height:auto;min-height:34px;padding:6px 8px;color:var(--text);text-align:left}:is(.track-library-toggle,.track-queue-toggle)>svg{flex:0 0 18px;color:var(--muted)}:is(.track-library-toggle.is-saved,.track-queue-toggle.is-queued)>svg{color:var(--text);stroke-width:2.2}.track-library-hover-label,.track-queue-hover-label{display:none}.track-library-toggle.is-saved:is(:hover,:focus-visible):not(:disabled) .track-library-label,.track-queue-toggle.is-queued:is(:hover,:focus-visible):not(:disabled) .track-queue-label{display:none}.track-library-toggle.is-saved:is(:hover,:focus-visible):not(:disabled) .track-library-hover-label,.track-queue-toggle.is-queued:is(:hover,:focus-visible):not(:disabled) .track-queue-hover-label{display:inline}@media(hover: none),(pointer: coarse){.compact-track.playlist-track .playlist-track-actions .playlist-track-action.secondary,.track-options>.track-more,:is(.track-library-shortcuts,.track-queue-shortcuts)>button.secondary{min-width:44px;height:44px;min-height:44px;padding:8px}.track-options .playlist-actions-panel>button{min-height:44px}:is(.track-library-shortcuts,.track-queue-shortcuts)>:is(.track-library-toggle,.track-queue-toggle).secondary{height:auto;min-height:44px}}@media(max-width: 1100px){.compact-track.playlist-track.track-card{grid-template-columns:64px minmax(0, 1fr);gap:4px 10px}.compact-track.playlist-track.track-card[data-source=youtube]{grid-template-columns:120px minmax(0, 1fr)}.compact-track .playlist-track-actions{grid-column:1/-1}.compact-track.playlist-track h3{display:block;overflow:visible;-webkit-line-clamp:unset}}.queue-row.compact-track.playlist-track.track-card{--queue-handle-width: 30px;grid-template-columns:var(--queue-handle-width) 72px minmax(0, 1fr) auto}.queue-row.compact-track.playlist-track.track-card[data-source=youtube]{grid-template-columns:var(--queue-handle-width) 120px minmax(0, 1fr) auto}.queue-row>.queue-drag.secondary{display:grid;place-items:center;width:var(--queue-handle-width);min-height:44px;padding:5px;border:0;background:rgba(0,0,0,0);color:var(--muted);cursor:grab;touch-action:none;user-select:none}.queue-drag svg{width:20px;height:20px}.queue-row>.queue-drag.secondary:is(:hover,:focus-visible){color:var(--text);background:var(--soft)}.queue-is-reordering,.queue-is-reordering .queue-drag{cursor:grabbing}.queue-is-dragging{opacity:.3}.queue-drag-preview.compact-track.playlist-track.track-card{position:fixed;z-index:1000;margin:0;pointer-events:none;background:var(--surface);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.1490196078);opacity:.95}.queue-is-reordering [data-tooltip]::after,.queue-drag-preview [data-tooltip]::after{display:none}@media(hover: none),(pointer: coarse){.queue-row.compact-track.playlist-track.track-card{--queue-handle-width: 44px}}@media(max-width: 1100px){.queue-row.compact-track.playlist-track.track-card{grid-template-columns:var(--queue-handle-width) 64px minmax(0, 1fr)}.queue-row.compact-track.playlist-track.track-card[data-source=youtube]{grid-template-columns:var(--queue-handle-width) 120px minmax(0, 1fr)}.queue-row>.queue-drag{grid-column:1;grid-row:1}.queue-row>.playlist-track-actions{grid-column:2/-1}}.queue-toolbar{gap:10px}.queue-toolbar>.playlist-playback-options{margin-right:auto}.queue-actions-mobile{display:none}@media(max-width: 600px){.queue-toolbar{gap:8px;flex-wrap:nowrap}.queue-clear-desktop{display:none}.queue-actions-mobile{display:block}.queue-toolbar .playlist-playback-options .icon-button,.queue-actions-mobile>summary{width:36px;min-height:40px;padding:7px}.queue-save-toggle{gap:6px;white-space:nowrap}}.recent-list li{padding-right:0}.recent-list .recent-play.secondary{padding:6px 0;gap:10px}.recent-list .recent-artwork{border-radius:9px}.recent-list .recent-artwork:has([data-source=youtube]){flex:0 0 96px;width:96px;height:56px}.recent-list .recent-artwork .track-art[data-source=youtube]{width:100%;height:100%}.recent-actions{flex-shrink:0}.recent-actions>button.secondary,.recent-actions .engagement-actions>button.secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:30px;height:30px;min-height:30px;padding:5px;border:0;border-radius:6px;background:rgba(0,0,0,0);color:var(--muted)}.recent-actions>button.secondary:is(:hover,:focus-visible){color:var(--text);background:color-mix(in srgb, var(--text) 5%, var(--soft))}.recent-actions>button svg,.recent-actions .engagement-actions svg{width:18px;height:18px}.recent-actions>button[data-tooltip]:is(:hover,:focus-visible)::after{opacity:1}.recent-options .playlist-actions-panel>button{gap:9px;height:auto;min-height:40px;padding:8px;color:var(--text)}.recent-options .playlist-actions-panel>button>svg{flex:0 0 18px;width:18px;height:18px;color:var(--muted)}.recent-options .playlist-actions-panel>button>span{min-width:0;white-space:normal;overflow-wrap:anywhere}.recent-options .playlist-actions-panel [data-tooltip]::after{display:none}.recent-options .playlist-actions-panel .library-save.is-saved{background:var(--soft)}.recent-options .playlist-actions-panel .library-save.is-saved svg{color:var(--text);stroke-width:2.2}.recent-options .playlist-actions-panel .audio-download-button{width:100%}@media(max-width: 600px){.recent-list li{flex-wrap:wrap;gap:4px}.recent-list .recent-play.secondary{flex-basis:100%;gap:8px}.recent-list .recent-artwork:has([data-source=youtube]){flex-basis:64px;width:64px;height:42px}.recent-title{flex-wrap:wrap;gap:2px 6px}.recent-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.recent-actions{margin-left:auto;gap:0}}@media(hover: none),(pointer: coarse){.recent-actions>button.secondary,.recent-actions .engagement-actions>button.secondary{min-width:44px;height:44px;min-height:44px;padding:8px}}.playlist-list-tools{align-items:center;flex-wrap:wrap;gap:12px}.playlist-filters,.favourites-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.playlist-filters .secondary,.favourites-tabs .secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:34px;min-height:34px;padding:6px 9px;border:1px solid rgba(0,0,0,0);border-radius:7px;background:var(--soft);color:var(--muted);font-size:12px}.playlist-filters .icon-button{width:34px;padding:7px}.playlist-filters .icon,.favourites-tabs .icon{width:17px;height:17px}.playlist-filters [aria-pressed=true],.favourites-tabs [aria-pressed=true]{color:var(--surface);background:var(--text)}.playlist-filters [data-tooltip]::after,.picker-search-filter[data-tooltip]::after,.playlist-card-meta [data-tooltip]::after,.playlist-support [data-tooltip]::after{content:attr(data-tooltip);position:absolute;z-index:8;bottom:calc(100% + 7px);right:0;width:max-content;max-width:min(220px,100vw - 40px);padding:6px 8px;border-radius:5px;font-size:11px;font-weight:400;line-height:1.4;white-space:normal;background:var(--text);color:var(--surface);opacity:0;visibility:hidden;pointer-events:none}.playlist-filters [data-tooltip]:is(:hover,:focus-visible)::after,.picker-search-filter[data-tooltip]:is(:hover,:focus-visible)::after,.playlist-card-meta [data-tooltip]:is(:hover,:focus-visible)::after,.playlist-support [data-tooltip]:is(:hover,:focus-visible)::after{opacity:1;visibility:visible}.picker-search-filter[data-tooltip]::after{top:calc(100% + 7px);bottom:auto;right:0;left:auto}.picker-search-filter[data-tooltip]:not(:hover):not(:focus-visible)::after{content:none}.playlist-filters [data-filter-open]::after,.playlist-card-meta [data-tooltip]::after,.playlist-support [data-tooltip]::after{left:0;right:auto}.playlist-filter-dialog{width:min(440px,100vw - 24px)}.playlist-filter-dialog .playlist-visibility-choices{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:6px}.playlist-filter-dialog .playlist-visibility-choices label{padding:8px;gap:5px;font-size:12px}.playlist-filter-dialog .playlist-visibility-choices .icon{width:16px;height:16px}.playlist-filter-dialog select{width:100%;margin-block:6px 14px}.playlist-filter-dialog .muted{font-size:12px;line-height:1.5}.playlists-panel .playlist-row{grid-template-rows:auto auto 1fr}.playlist-card-footer{display:flex;align-items:center;gap:8px;min-height:34px;min-width:0;grid-column:1/-1}.playlist-card-footer .playlist-card-meta{flex-shrink:0;white-space:nowrap}.playlist-card-footer .playlist-support{flex-wrap:nowrap;min-width:0}.playlists-panel .playlist-card-title{min-height:0}.playlists-panel .playlist-card-actions{grid-column:2;grid-row:2}.playlist-card-meta{display:flex;align-items:center;gap:7px;min-width:0;grid-column:1/-1;color:var(--muted);font-size:11px}.playlist-card-meta>*{position:relative}.playlist-card-visibility{display:inline-flex;align-items:center}.playlist-card-visibility .icon{width:14px;height:14px}.playlist-support{grid-column:1/-1;flex-wrap:wrap}.playlist-support>button.secondary{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:6px;border:0;border-radius:6px;background:rgba(0,0,0,0);color:var(--muted)}.playlist-support>button[aria-pressed=true]{color:var(--text)}.playlist-support>button>svg{width:18px;height:18px}.playlist-detail-support{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:-10px 0 18px}.playlist-detail-support .playlist-card-visibility{display:none}.favourites-tabs{margin:14px 0}.favourites-tabs .secondary{padding-inline:12px}@media(max-width: 600px){.playlist-card-footer{min-height:40px}.playlist-list-tools{gap:10px}.playlist-filters .secondary,.favourites-tabs .secondary,.playlist-support>button.secondary{min-height:40px}.playlist-filters{gap:4px}.playlist-filter-dialog .dialog-body{padding:16px}}@media(max-width: 600px){#playlist-filters{gap:2px;max-width:100%}#playlist-filters>button.secondary{flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:6px;gap:0;font-size:11px}#playlist-filters>button .icon{width:16px;height:16px}#playlist-filters [data-sort]>span{display:none}}.playlist-card-heading{display:flex;align-items:flex-start;gap:6px;min-width:0}.playlist-card-heading .playlist-card-visibility{position:relative;margin-top:6px;color:var(--muted)}.playlist-card-heading .playlist-card-title{margin-inline:0}.playlist-card-heading [data-tooltip]::after{left:0;right:auto}.playlist-card-heading [data-tooltip]:is(:hover,:focus-visible)::after{opacity:1}.playlist-card-heading{grid-column:1/-1}.playlist-row:has(.playlist-card-actions) .playlist-card-heading{grid-column:1}:is(.playlist-filters,.playlist-card-heading,.playlist-card-meta,.playlist-support) [data-tooltip]::after{box-sizing:border-box;left:0;right:auto;top:var(--playlist-tooltip-top, auto);bottom:var(--playlist-tooltip-bottom, calc(100% + 7px));max-width:min(220px,100vw - 32px);white-space:normal;transform:translateX(var(--playlist-tooltip-shift, 0px))}:is(.playlist-filters,.playlist-card-heading,.playlist-card-meta,.playlist-support) [data-tooltip]:not(:hover):not(:focus-visible)::after{content:none}.playlist-filters [data-filter-active=true]{border-color:var(--muted);color:var(--text)}#app-player{position:fixed;inset:auto 0 0 var(--sidebar-width);z-index:30;padding:0;background:rgba(0,0,0,0);color:var(--text)}.player-bar{position:relative;display:grid;grid-template-columns:40px 36px minmax(0, 1fr) auto auto;grid-template-areas:"volume art title time controls";align-items:center;gap:12px;padding:7px clamp(16px,2vw,28px) calc(7px + env(safe-area-inset-bottom));border:0;background:var(--surface);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:0 -6px 24px rgba(0,0,0,.0196078431)}.player-summary{display:contents}.player-artwork{position:relative;display:grid;place-items:center;width:36px;height:36px;grid-area:art;border-radius:6px;background:var(--soft)}#player-logo{display:grid;place-items:center}#player-logo .brand-mark{width:30px;height:30px}#player-cover{position:absolute;inset:0}#player-cover .track-art{width:100%;height:100%;margin:0;padding:4px;border-radius:6px}#app-player.is-playing #player-logo{animation:player-record 12s linear infinite}@keyframes player-record{to{transform:rotate(360deg)}}.player-copy{grid-area:title;min-width:0}#playing-title{margin:0;font-size:13px;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#player-status{margin:3px 0 0;font-size:10px;line-height:1.4;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-transport{grid-area:controls;display:flex;align-items:center;gap:4px;flex-shrink:0}:is(#app-player,#player-details) .icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:8px;border:1px solid rgba(0,0,0,0);border-radius:7px;background:rgba(0,0,0,0);color:var(--text);text-decoration:none}:is(#app-player,#player-details) .icon-button:hover,:is(#app-player,#player-details) .icon-button:focus-visible{background:var(--soft);border-color:var(--border)}:is(#app-player,#player-details) .icon-button.player-primary{background:var(--text);color:var(--surface);border-radius:50%}#app-player .player-primary:hover{opacity:.8}#app-player #expand-player,#app-player #expand-player:hover,#app-player #expand-player:focus-visible{position:relative;padding:0;border:0;background:rgba(0,0,0,0);box-shadow:none}#app-player #expand-player:focus-visible{outline:2px solid var(--muted);outline-offset:2px}.player-expand-tile{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:5px;background:var(--soft);color:var(--muted);pointer-events:none}.player-expand-tile .icon{width:18px;height:18px}.player-expand-tile::before,.player-expand-tile::after{content:"";position:absolute;width:3px;height:3px;border:1px solid color-mix(in srgb, var(--muted) 30%, transparent);border-radius:50%;opacity:0;pointer-events:none}.player-expand-tile::before{left:-3px;bottom:4px}.player-expand-tile::after{right:-3px;bottom:8px}.is-playing .player-expand-tile::before{animation:player-bubble 3.6s ease-in-out infinite}.is-playing .player-expand-tile::after{animation:player-bubble 3.6s 1.8s ease-in-out infinite}@keyframes player-bubble{0%,100%{opacity:0;transform:translateY(0) scale(0.7)}35%{opacity:.65}85%{opacity:0;transform:translateY(-10px) scale(1.1)}}.player-time{grid-area:time;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}#app-player input[type=range]{width:100%;min-width:0;height:24px;min-height:24px;padding:0;margin:0;border:0;border-radius:0;accent-color:var(--text);background:rgba(0,0,0,0);box-shadow:none;cursor:pointer}#app-player input:disabled{cursor:default;opacity:.45}.player-details{position:fixed;z-index:30;left:calc(50% + var(--sidebar-width)/2);transform:translateX(-50%);bottom:calc(var(--player-height, 54px) + 10px);width:560px;max-width:min(100vw - 32px,100vw - var(--sidebar-width) - 24px);max-height:calc(100dvh - var(--player-height, 90px) - 24px);overflow-y:auto;border:0;border-radius:16px;padding:15px;background:var(--surface);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 8px 40px rgba(0,0,0,.0784313725),0 0 22px 6px color-mix(in srgb, var(--surface) 55%, transparent)}.player-details-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}#youtube-viewport{width:100%;aspect-ratio:16/9;min-height:200px;background:#111}#youtube-player,#youtube-viewport iframe{display:block;width:100%;height:100%;min-height:200px;border:0}#youtube-consent{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--soft);font-size:12px}#youtube-consent p{margin-bottom:12px}.player-volume{position:relative;grid-area:volume}.volume-popover{position:absolute;left:-4px;bottom:calc(100% + 16px);z-index:2;width:48px;padding:10px 4px 4px;display:flex;align-items:center;flex-direction:column;gap:8px;border-radius:24px;background:var(--surface);background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:0 4px 24px rgba(0,0,0,.1098039216)}#volume-value{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}#app-player #player-volume{writing-mode:vertical-lr;direction:rtl;width:32px;height:108px;min-height:108px;accent-color:#e53935}#player-mute[aria-pressed=true]{color:#e53935}#player-mute{flex-shrink:0}.history-sync{grid-column:1/-1;margin:0;font-size:11px}.has-player .site-footer{visibility:hidden}.has-player main{padding-bottom:calc(var(--player-height, 90px) + 32px)}@media(max-width: 800px){#app-player{left:0}.player-bar{padding:5px 12px calc(5px + env(safe-area-inset-bottom));gap:8px;grid-template-columns:32px 32px minmax(0, 1fr) auto;grid-template-areas:"volume art title controls"}.player-artwork{width:32px;height:32px}#player-logo .brand-mark{width:30px;height:30px}.player-transport{gap:0}#app-player .player-transport .icon-button{width:36px;height:44px;min-height:44px;padding:7px}#app-player .player-transport .player-primary{width:38px;height:38px;min-height:38px}#playing-title{font-size:12px}#player-status{font-size:9px}.player-details{left:8px;right:8px;transform:none;width:auto;max-width:none;padding:12px}.has-player .shell-content{height:calc(100dvh - var(--mobile-header-height, 48px) - var(--player-height, 56px) - var(--player-details-height, 0px));min-height:0;overflow-y:auto;overscroll-behavior:contain}.has-player main{padding-bottom:24px;flex:0 0 auto}}@media(prefers-reduced-motion: reduce){#app-player.is-playing #player-logo{animation:none}}@media(min-width: 801px){.has-player main{padding-bottom:calc(var(--player-height, 90px) + var(--player-details-height, 0px) + 32px)}}@media(max-height: 520px){.player-details{padding:8px;max-height:calc(100dvh - var(--player-height, 90px) - 12px)}.player-details-heading{margin-bottom:4px}#player-details .player-details-heading .icon-button{width:32px;height:32px;min-height:32px;padding:5px}#youtube-viewport{aspect-ratio:auto;height:200px}}.player-feedback{margin:0 0 12px;padding:10px 12px;font-size:12px;background:var(--soft);border:1px solid var(--border);border-radius:6px}#retry-player{margin-bottom:12px;font-size:12px}@media(max-width: 400px){.player-bar{grid-template-columns:32px 32px minmax(0, 1fr) auto;grid-template-areas:"volume art title controls"}}.player-timeline{position:absolute;top:-12px;left:0;right:0;height:24px;z-index:1;--seek-thumb: 0}.player-progress-track{position:absolute;pointer-events:none;left:6px;right:6px;top:10px;height:4px}.player-progress-track::before{content:"";position:absolute;inset:2px 0 auto;height:1px;background:color-mix(in srgb, var(--muted) 24%, transparent)}.player-progress-fill{position:absolute;left:0;bottom:0;width:var(--played, 0%);height:4px;background:#ed353b;clip-path:polygon(0 74%, 94% 28%, 98% 10%, 99.5% 0, 100% 22%, 100% 78%, 99.5% 100%, 98% 90%, 94% 72%, 0 86%)}#app-player.is-playing:not(.is-scrubbing) .player-progress-fill{transition:width .25s linear}#app-player #player-seek{position:absolute;inset:0;height:24px;min-height:24px;appearance:none;-webkit-appearance:none;background:rgba(0,0,0,0);opacity:1}#player-seek::-webkit-slider-runnable-track{height:4px;background:rgba(0,0,0,0)}#player-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.2509803922);opacity:var(--seek-thumb);transition:opacity .12s}#player-seek::-moz-range-track,#player-seek::-moz-range-progress{height:4px;background:rgba(0,0,0,0)}#player-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.2509803922);opacity:var(--seek-thumb);transition:opacity .12s}.player-timeline:has(input:not(:disabled)):is(:hover,:focus-within),.is-scrubbing .player-timeline{--seek-thumb: 1}#app-player #player-seek:focus-visible{outline:2px solid #ed353b;outline-offset:2px;border-radius:4px}.player-bar::before,.player-bar::after{content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:100%;height:18px}.player-bar::before{background:linear-gradient(to top, color-mix(in srgb, var(--surface) 85%, transparent), transparent)}.player-bar::after{height:12px;background:radial-gradient(circle at 12% 65%, rgba(146, 146, 146, 0.2509803922) 0 1px, transparent 1.5px),radial-gradient(circle at 38% 25%, rgba(146, 146, 146, 0.1882352941) 0 0.75px, transparent 1.25px),radial-gradient(circle at 69% 70%, rgba(146, 146, 146, 0.2078431373) 0 1px, transparent 1.5px),radial-gradient(circle at 87% 20%, rgba(146, 146, 146, 0.1882352941) 0 0.75px, transparent 1.25px);animation:player-drift 7s ease-in-out infinite alternate paused}.is-playing .player-bar::after{animation-play-state:running}@keyframes player-drift{to{transform:translateY(-4px);opacity:.45}}.player-details.is-docked{position:static;z-index:auto;align-self:flex-end;flex-shrink:0;transform:none;width:200px;max-width:none;max-height:none;padding:0;margin:0 max(38px,env(safe-area-inset-right)) 16px;border-radius:0;background:rgba(0,0,0,0);box-shadow:none;overflow:visible}.has-player:has(.player-details.is-docked) main{padding-bottom:24px}.player-details.is-docked .player-details-heading{display:none}.youtube-surface{position:relative}.is-docked #youtube-viewport{aspect-ratio:1;height:200px}.is-docked .player-extra-controls{display:none}@media(max-width: 1100px){.player-bar{grid-template-columns:40px 36px minmax(0, 1fr) auto;grid-template-areas:"volume art title controls"}.player-time{display:none}body:has(#volume-popover:not([hidden])) .player-details:not(.is-docked){left:calc(var(--sidebar-width) + 72px);right:8px;transform:none;width:auto;max-width:none;padding:8px}}@media(max-width: 800px){.player-bar{grid-template-columns:32px 32px minmax(0, 1fr) auto;gap:6px;padding-left:8px;padding-right:8px}#app-player #volume-toggle{width:32px;padding:6px}.volume-popover{left:-4px}.player-details.is-docked{align-self:center;margin-left:0;margin-right:0}body:has(#volume-popover:not([hidden])) .player-details:not(.is-docked){left:64px;right:8px;width:auto;padding:8px}}@media(prefers-reduced-motion: reduce){.player-bar::after,.is-playing .player-expand-tile::before,.is-playing .player-expand-tile::after{animation:none}#app-player .player-progress-fill{transition:none}#player-seek::-webkit-slider-thumb{transition:none}#player-seek::-moz-range-thumb{transition:none}}.player-details:not(.is-docked){padding:14px;border-radius:18px;background:var(--surface);box-shadow:0 14px 42px rgba(0,0,0,.0705882353),0 0 32px 14px color-mix(in srgb, var(--surface) 80%, transparent),0 0 72px 26px color-mix(in srgb, var(--surface) 35%, transparent);animation:player-reveal .18s ease-out}.player-details-heading{gap:6px;touch-action:pan-x;user-select:none;cursor:grab}.player-details-heading::before{content:"";position:absolute;top:5px;left:calc(50% - 15px);width:30px;height:3px;border-radius:3px;background:var(--border)}.player-details-heading .eyebrow{font-size:10px;white-space:nowrap}.player-collection-controls{display:flex;align-items:center;gap:0}#player-details .player-details-heading .icon-button{width:34px;height:36px;min-height:36px;padding:7px}#collapse-player{margin-left:auto}#player-details .library-save.is-saved{background:color-mix(in srgb, var(--text) 12%, var(--surface));color:var(--text)}.player-extra-controls{display:grid;grid-template-columns:40px minmax(0, 1fr) 40px;align-items:center;gap:8px;padding-top:10px}.player-expanded-transport{grid-column:2;display:flex;justify-content:center;align-items:center;gap:10px}#player-details .player-skip{padding:7px;background:rgba(0,0,0,0)}#player-details .player-skip .icon{width:28px;height:28px}#player-more{grid-column:3}.player-options{grid-column:1/-1;display:grid;gap:2px;padding:6px;border-radius:10px;background:var(--soft)}#player-details .player-options>:is(a,button){display:flex;align-items:center;gap:10px;width:100%;min-height:40px;margin:0;padding:8px 10px;border:0;border-radius:7px;background:rgba(0,0,0,0);color:var(--text);font-size:12px;font-weight:500;text-align:left;text-decoration:none}#player-details .player-options>:is(a,button):is(:hover,:focus-visible){background:var(--surface)}.player-options .icon{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.player-options #queue-count{margin-left:auto;color:var(--muted);font-size:11px}#player-title-toggle{border-radius:5px;cursor:pointer;touch-action:pan-x;user-select:none}#player-title-toggle:focus-visible{outline:2px solid var(--muted);outline-offset:3px}#player-title-toggle.is-swiping,.player-details-heading.is-swiping{cursor:grabbing}#player-collection-status{font-size:12px;margin:0 0 8px}@keyframes player-reveal{from{translate:0 8px}to{translate:0 0}}@media(max-width: 800px){.player-details:not(.is-docked){left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));max-height:calc(100dvh - var(--player-height, 56px) - env(safe-area-inset-top) - 20px);padding:12px}}@media(max-height: 520px){.player-details:not(.is-docked){padding:8px}.player-extra-controls{padding-top:4px;gap:4px}.player-details-heading{margin-bottom:4px}}@media(prefers-reduced-motion: reduce){.player-details:not(.is-docked){animation:none}}.operations{max-width:1040px;margin:0 auto;padding:12px 0 40px;min-width:0}.operations-heading,.operations-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.operations-heading h2{margin-bottom:4px;font-size:22px}.operations-heading p{margin-top:0}.operations-nav{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:24px}.operations-nav a{padding:10px 14px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13px}.operations-nav a:is(:hover,[aria-current=page]){background:var(--soft);color:var(--text)}.operations-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.operations-filters label{display:grid;gap:7px;flex:1 1 150px;min-width:0;font-size:12px}.operations-filters input,.operations-filters select{width:100%;min-width:0}.operations-toolbar{justify-content:flex-start;margin-bottom:16px}.operations-toolbar p{font-size:13px}.operations-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(180px, 100%), 1fr));gap:12px;margin:18px 0}.operations-metric{border:1px solid var(--border);border-radius:10px;padding:18px;background:var(--surface);min-width:0}.operations-metric p{font-size:12px;color:var(--muted);margin:0 0 12px}.operations-metric strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.operations-metric a{display:inline-block;font-size:11px;margin-top:12px}.operations-table-wrap{overflow-x:auto;margin:24px 0}.operations-table{width:100%;border-collapse:collapse;font-size:13px}.operations-table caption{text-align:left;margin-bottom:12px;font-weight:600}.operations-table th,.operations-table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:right}.operations-table th:first-child{text-align:left}.operations-row{border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;overflow-wrap:anywhere;min-width:0}.operations-row p,.operations-row small{margin:0;color:var(--muted)}.operations-message{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text) !important}.operations-feedback{padding:0 24px;font-size:13px;overflow-wrap:anywhere}#operations-detail-body{overflow-wrap:anywhere}#operations-detail-actions button{white-space:normal}@media(max-width: 600px){.operations-nav a{padding:10px}.operations-heading{align-items:flex-start}.operations-table{font-size:11px}.operations-table th,.operations-table td{padding:10px 6px}}body[data-screen=operations] .page-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body[data-screen=operations] .workspace-bar{display:none}.operations-heading .eyebrow{font-size:10px;letter-spacing:.16em}.operations-heading h2{font-size:clamp(23px,3vw,30px);letter-spacing:-0.035em;margin:8px 0}.operations-heading>div{flex:1 1 260px}#operations-access-note{flex-basis:100%;font-size:11px;margin:-4px 0 0}.operations-nav{gap:5px}.operations-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--text)}.operations-metric{border-radius:16px;padding:20px;background:linear-gradient(145deg, var(--surface), var(--soft))}.operations-metric strong{letter-spacing:-0.04em;font-weight:550}.operations-row{border-radius:14px}.operations-row h3{margin:0;font-size:15px}.operations-followup{border-top:1px solid var(--border);padding-top:20px;margin-top:24px;display:grid;gap:16px}.operations-followup label,#operations-detail-actions label{display:grid;gap:8px;font-size:12px}.operations-followup textarea,.operations-followup select{width:100%;min-width:0}.operations-followup textarea{resize:vertical;min-height:100px}.operations-followup .muted,.operations-related{font-size:12px;line-height:1.7}.operations-related{display:flex;flex-wrap:wrap;gap:16px}#operations-detail-actions{align-items:end;flex-wrap:wrap;gap:8px}#operations-detail-actions button{padding:10px 12px;font-size:12px}.operations-chart{border:1px solid var(--border);border-radius:18px;padding:20px;margin:24px 0}.operations-chart h3{margin:0;font-size:17px}.operations-chart>p{font-size:12px}.operations-bars{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:8px;height:190px;padding-top:22px}.operations-bar{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;min-width:0}.operations-bar span{display:block;width:min(100%,28px);min-height:2px;background:var(--text);opacity:.7;border-radius:4px 4px 0 0}.operations-bar small{font-size:9px;text-align:center;font-variant-numeric:tabular-nums}.operations-months{margin-top:28px;font-size:12px}.operations-months summary{cursor:pointer}@media(max-width: 600px){.operations-nav{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.operations-nav a{font-size:12px}.operations-metrics{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}.operations-metric{padding:14px}.operations-metric strong{font-size:24px}.operations-bars{gap:4px;height:150px}.operations-bar small{font-size:8px}.operations-chart{padding:14px}#operations-detail-actions label{flex:1 1 100%}}.operations-review-actions{display:flex;flex-wrap:wrap;gap:8px}#operations-detail-body>label{display:grid;gap:7px;margin:16px 0;font-size:12px}#operations-detail-body :is(input:not([type=checkbox]),textarea,select){width:100%;min-width:0}#operations-detail-body textarea{resize:vertical}#operations-detail-body details{margin:16px 0;width:100%}#operations-detail-body summary{cursor:pointer;margin-bottom:10px}#operations-detail-body img{max-width:100%;object-fit:cover;border-radius:6px}[data-moderation-recovery]{min-width:0}[data-moderation-recovery] textarea,[data-moderation-inbox]{width:100%;min-width:0}#playlist-moderation-notice{background:var(--soft);margin:12px 0 20px}@media(max-width: 600px){#operations-detail-actions button{flex:1 1 100%}}body[data-public-page=true]{--sidebar-width: 0px}body[data-public-page=true] .sidebar,body[data-public-page=true] .mobile-header,body[data-public-page=true] .workspace-bar,body[data-public-page=true] .page-heading,body[data-public-page=true] .site-footer,body[data-public-page=true] .navigation-backdrop{display:none !important}body[data-public-page=true] .shell-content{margin-left:0;min-height:auto}body[data-public-page=true] main{max-width:none;padding:0 24px}body[data-public-page=true] #status:not(:empty){max-width:1120px;margin:20px auto}body[data-public-page=true] #app-player{left:0}.public-header{position:relative;z-index:40;max-width:1168px;min-height:60px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border)}.public-brand{display:inline-flex;align-items:center;min-width:0;gap:8px;font-size:19px;font-weight:700;letter-spacing:-0.6px;text-decoration:none;white-space:nowrap}.public-brand .brand-mark{width:25px;height:25px;flex-shrink:0}.public-brand>span{overflow:hidden;text-overflow:ellipsis}.public-desktop-nav{display:flex;align-items:center;gap:22px;margin:0 auto}.public-header nav a,.public-login{display:inline-flex;align-items:center;min-height:36px;font-size:12px;font-weight:500;text-decoration:none;color:var(--muted)}.public-header nav a:is(:hover,[aria-current=page]),.public-login:hover{color:var(--text)}.public-header-actions{display:flex;align-items:center;flex-shrink:0;gap:18px}.public-header .button{white-space:nowrap;min-height:34px;padding:7px 12px;font-size:12px;border-radius:7px}.public-mobile-nav{display:none}.public-mobile-nav summary{display:flex;align-items:center;justify-content:center;width:36px;min-height:40px;border-radius:7px;cursor:pointer;list-style:none}.public-mobile-nav summary::-webkit-details-marker{display:none}.public-mobile-nav summary:hover,.public-mobile-nav[open] summary{background:var(--soft)}.public-mobile-nav nav{position:absolute;top:calc(100% + 6px);right:16px;width:min(220px,100vw - 32px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;display:grid;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 10px 24px rgba(0,0,0,.0705882353)}.public-mobile-nav nav a{min-height:44px;padding:8px 12px;border-radius:6px}.public-mobile-nav nav a:hover{background:var(--soft)}.public-site{max-width:1120px;margin:0 auto}.public-site h1{font-size:clamp(36px,4.2vw,54px);font-weight:650;letter-spacing:-1.9px;line-height:1.12;margin:0 0 20px}.public-site h2{font-size:clamp(25px,2.7vw,32px);letter-spacing:-0.9px;line-height:1.25;font-weight:600}.public-site h3{font-size:17px;letter-spacing:-0.35px;margin-bottom:10px}.public-kicker{display:block;font-size:10px;line-height:1.6;font-weight:650;letter-spacing:1.6px;color:var(--muted)}.public-lead{font-size:15px;line-height:1.8;color:var(--muted);max-width:46ch}.public-hero{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);align-items:center;gap:clamp(32px,5vw,72px);padding:56px 0 64px}.public-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px}.public-site .button{min-height:40px;padding:10px 16px;border-radius:8px}.public-text-link{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:600;text-decoration:none}.public-text-link:hover{text-decoration:underline}.listening-room{min-width:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 40px -24px rgba(0,0,0,.2078431373)}.room-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;font-size:12px}.room-topline>span:first-child{display:flex;align-items:center;gap:8px;font-weight:550}.room-topline .icon{width:17px;height:17px}.room-edition{color:var(--muted);font-size:10px;padding:2px 7px;border:1px solid var(--border);border-radius:5px}.room-collection{display:flex;align-items:center;gap:16px;margin:0 0 14px}.room-cover{position:relative;width:80px;aspect-ratio:1;flex-shrink:0;overflow:hidden;border-radius:8px;background:#d5d7db}.room-vinyl{position:absolute;inset:13%;border-radius:50%;background:repeating-radial-gradient(circle, #24262a 0 2px, #36383d 3px 4px)}.room-vinyl::after{content:"";position:absolute;inset:35%;border:7px solid #b5b8be;border-radius:50%;background:#24262a}.room-caption{min-width:0}.room-caption h2{margin:0 0 6px;font-size:23px;letter-spacing:-0.7px}.room-caption p{margin:0 0 8px;color:var(--muted);font-size:12px;line-height:1.6}.room-caption>span{color:var(--muted);font-size:10px}.room-tracks{list-style:none;padding:0;margin:0 0 14px}.room-tracks li{display:flex;align-items:center;gap:10px;min-height:50px;padding:6px;border-radius:7px}.room-tracks li:first-child{background:var(--soft)}.room-track-cover{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:5px;background:var(--soft);color:var(--muted);border:1px solid var(--border)}.room-track-cover .icon{width:17px;height:17px}.room-tracks li>div{flex:1;min-width:0}.room-tracks strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.room-tracks li>div>span{display:block;color:var(--muted);font-size:10px}.room-track-time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.room-heart{display:flex;color:var(--muted)}.room-heart svg{width:15px;height:15px}[data-preview-mode=save] .room-heart{color:var(--text)}[data-preview-mode=save] .room-tracks li:first-child{outline:1px solid var(--border)}[data-preview-mode=play] .room-tracks li:last-child{background:var(--soft)}.room-steps{display:flex;gap:6px}.room-steps button{flex:1;gap:5px;min-width:0;min-height:40px;padding:7px 5px;font-size:11px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:7px}.room-steps .icon{width:13px;height:13px}.room-steps button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--surface)}.room-description{min-height:3.4em;font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 7px}.room-disclaimer{font-size:10px;color:var(--muted);margin:0}.public-section{padding:56px 0;scroll-margin-top:24px}#how-it-works{border-top:1px solid var(--border)}.public-section-heading{max-width:640px;margin-bottom:32px}.public-section-heading>p:last-child{margin-top:10px;color:var(--muted);font-size:14px;font-weight:400}.public-journey{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:34px}.public-journey article>p,.principles-grid p{color:var(--muted);font-size:13px;line-height:1.8}.journey-illustration{height:128px;position:relative;margin-bottom:23px;border-radius:12px;background:var(--soft);overflow:hidden}.find-illustration{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:8px;padding:25px}.find-illustration>span{display:flex;align-items:center;gap:9px;flex-basis:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:11px;background:var(--surface)}.find-illustration i{font-size:9px;font-style:normal;border:1px solid var(--border);padding:5px 9px;border-radius:20px}.mini-cover{position:absolute;width:92px;height:102px;top:20px;left:calc(50% - 78px);border-radius:6px;transform:rotate(-9deg)}.cover-peach{background:radial-gradient(circle at 40% 30%, #c8cbd0 0 20%, transparent 21%),#8e939c}.cover-sage{left:calc(50% - 5px);transform:rotate(8deg);background:repeating-radial-gradient(circle at 80% 20%, #8b9099 0 2px, #d9dce1 3px 20px)}.keep-badge{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:30px;font-size:10px;padding:7px 11px}.keep-badge .icon{width:14px;height:14px}.return-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:11px}.return-illustration>span:last-child{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.return-illustration .icon{width:14px;height:14px}.return-illustration>div{display:flex;gap:5px;height:32px;align-items:center}.return-illustration i{width:4px;height:14px;border-radius:6px;background:var(--muted)}.return-illustration i:nth-child(3n){height:32px}.return-illustration i:nth-child(2n){height:24px}.public-feature-band{display:grid;grid-template-columns:1fr 1.12fr;gap:40px;padding:32px;background:var(--soft);border-radius:12px;align-items:center}.public-feature-band p:not(.public-kicker){margin:22px 0;max-width:36ch;font-size:13px;color:var(--muted);line-height:1.85}.mood-shelf{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;align-items:stretch}.mood-card{min-width:0;min-height:180px;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.mood-card>span,.mood-card small{font-size:10px;letter-spacing:0}.mood-card strong{font-size:clamp(18px,2vw,24px);line-height:1.2;letter-spacing:-0.5px;overflow-wrap:anywhere}.mood-peach{background:#dfe1e5;color:#30333a}.mood-sage{background:#b9bec7;color:#272b33}.mood-ink{background:#313536;color:#e9e9df}.principles-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:40px}.principles-grid article>.icon{width:25px;height:25px;margin-bottom:20px;color:var(--muted)}.public-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;border-top:1px solid var(--border)}.public-faq .public-text-link{margin-top:18px}.public-faq details{border-bottom:1px solid var(--border)}.public-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:17px 0;list-style:none;font-size:13px;font-weight:550;cursor:pointer}.public-faq summary::-webkit-details-marker{display:none}.public-faq summary>span{font-size:20px;color:var(--muted)}.public-faq details[open] summary>span{transform:rotate(45deg)}.public-faq details p{color:var(--muted);font-size:13px;line-height:1.85;padding-right:20px}.public-closing{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:44px 24px;margin:0 0 36px;text-align:center}.public-closing h2{font-size:clamp(26px,3vw,34px);letter-spacing:-0.8px;margin:0 0 12px}.public-closing p{color:var(--muted);font-size:13px}.public-closing .button{margin-top:10px}.public-footer{--footer-ink: color-mix(in srgb, var(--text) 80%, var(--surface));position:relative;isolation:isolate;overflow:hidden;max-width:1168px;margin:28px auto 0;width:100%;padding:38px 24px 24px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;border-radius:24px 24px 0 0;background:var(--soft)}.public-footer-paint{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:.5;pointer-events:none}:root[data-theme=dark] .public-footer-paint{opacity:.16}.public-footer>div:first-child p{color:var(--footer-ink);font-size:12px;margin-top:14px}.public-footer nav{display:flex;align-items:flex-start;flex-direction:column;gap:10px;font-size:12px}.public-footer nav strong{margin-bottom:7px;font-size:11px}.public-footer nav a{text-decoration:none;color:var(--footer-ink)}.public-footer nav a:is(:hover,:focus-visible){text-decoration:underline;color:var(--text)}.public-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);font-size:9px;color:var(--footer-ink)}.public-page-hero{padding:65px 0 52px;max-width:850px}.public-page-hero h1{font-size:clamp(42px,5vw,68px)}.public-page-hero .public-lead{max-width:54ch}.public-page-hero .button{margin-top:12px}.public-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:15px 0 40px}.public-story p:not(.public-kicker),.public-contact>div p{color:var(--muted);line-height:1.9}.public-story h2{font-size:30px;margin-bottom:24px}.story-art{min-height:370px;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#d4ddc4;color:#33412e;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;gap:26px}.story-art>span{font-size:38px;line-height:1;letter-spacing:-1.7px;font-weight:750}.story-art>small{font-size:8px;letter-spacing:1px}.story-disc{position:absolute;z-index:-1;top:-80px;right:-60px;width:270px;height:270px;border-radius:50%;background:repeating-radial-gradient(circle, #79916a 0 1px, transparent 2px 18px)}.public-note{display:flex;gap:24px;padding:32px;border-radius:14px;background:var(--soft);margin-bottom:65px}.public-note h2{font-size:25px}.public-note p{color:var(--muted);font-size:13px}.public-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:0 0 80px}.public-contact h2{font-size:25px;margin-bottom:20px}.contact-topics{display:grid;gap:15px;margin:28px 0 32px;font-size:12px}.contact-topics>span{display:flex;align-items:center;gap:12px}.contact-email{font-size:20px;color:var(--text);overflow-wrap:anywhere}.public-contact-form{box-shadow:0 15px 50px -32px rgba(0,0,0,.2)}.public-contact-form h2{margin:0}.feature-index{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:30px}.feature-index a{border:1px solid var(--border);border-radius:30px;padding:9px 17px;font-size:12px;text-decoration:none}.feature-index a:hover{background:var(--soft)}.feature-detail{scroll-margin-top:24px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:52px 0;border-top:1px solid var(--border)}.feature-symbol{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:22px;padding:32px;border-radius:14px;background:var(--soft);min-height:230px}.feature-symbol .icon{width:48px;height:48px;stroke-width:1.2}.feature-symbol span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.feature-detail p,.feature-detail ul{color:var(--muted);font-size:14px;line-height:1.85}.feature-detail h2{margin-bottom:20px}.feature-detail ul{padding-left:19px}.feature-detail li{margin-bottom:7px}.feature-detail .feature-fineprint{font-size:11px;padding-top:8px}.public-document{max-width:850px;padding:58px 0}.document-heading{border-bottom:1px solid var(--border);padding-bottom:30px;margin-bottom:32px}.document-heading h1{font-size:52px}.document-heading p:not(.public-kicker){color:var(--muted)}.document-heading nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;font-size:12px}.public-document .policy-content{max-width:720px}.public-document .policy-content h2{font-size:22px;letter-spacing:-0.5px;margin:30px 0 12px}.public-document .policy-content p{line-height:1.9;color:var(--muted)}:root[data-theme=dark] .public-site .room-steps button{background:var(--surface);color:var(--muted);border-color:var(--border)}:root[data-theme=dark] .public-site .room-steps button[aria-pressed=true]{background:var(--text);color:var(--surface)}@media(max-width: 900px){.public-hero{gap:32px}.public-site h1{font-size:42px;letter-spacing:-1.5px}.listening-room{padding:18px}.public-feature-band{padding:30px;gap:20px}.mood-card{min-height:180px;padding:12px}.public-story,.public-contact,.feature-detail{gap:36px}}@media(max-width: 700px){.public-header{min-height:56px;gap:8px;padding:6px 16px}.public-header>.public-brand{margin-right:auto}.public-desktop-nav{display:none}.public-mobile-nav{display:block;flex-shrink:0}.public-brand{font-size:19px}.public-header-actions{margin-left:auto;gap:12px}.public-hero{grid-template-columns:minmax(0, 1fr);padding:36px 0 40px;gap:30px}.public-site h1{font-size:clamp(34px,7.5vw,44px);letter-spacing:-1.3px}.hero-copy{max-width:500px}.public-lead{font-size:15px}.listening-room{width:100%;max-width:480px;justify-self:center;padding:18px}.public-section{padding:48px 0}.public-journey,.principles-grid{grid-template-columns:minmax(0, 1fr);gap:24px}.public-journey article{display:grid;grid-template-columns:minmax(100px, 0.7fr) 1fr;gap:8px 22px;align-items:start}.journey-illustration{grid-row:span 2;margin:0;height:160px}.public-journey h3{margin:4px 0 0;font-size:17px}.public-journey article>p{font-size:12px;margin:0}.find-illustration{padding:12px}.find-illustration>span{font-size:9px}.find-illustration i{font-size:8px;padding:4px 6px}.keep-badge{font-size:8px;padding:6px}.keep-badge .icon{width:11px}.return-illustration{padding:10px;font-size:9px}.return-illustration>div{gap:3px}.public-feature-band,.public-faq,.public-story,.public-contact,.feature-detail{grid-template-columns:minmax(0, 1fr)}.public-feature-band{padding:26px;gap:0}.public-feature-band p:not(.public-kicker){max-width:none}.mood-shelf{margin-top:24px;grid-template-columns:minmax(0, 1fr);gap:8px}.mood-card{min-height:70px;padding:12px 16px;display:grid;grid-template-columns:20px minmax(0, 1fr);column-gap:12px;align-items:center}.mood-card>span{grid-row:span 2}.mood-card strong{font-size:17px}.mood-card small{grid-column:2}.principles-grid{gap:22px}.principles-grid article{padding-bottom:16px;border-bottom:1px solid var(--border)}.principles-grid article>.icon{margin-bottom:12px}.public-faq{gap:22px}.public-closing{padding:42px 4px;margin-bottom:10px}.public-footer{grid-template-columns:1fr 1fr;gap:26px;padding-top:28px}.public-footer-paint{width:160%;left:-30%}.public-footer nav{gap:0}.public-footer nav a{display:inline-flex;align-items:center;min-height:44px}.public-footer>div:first-child{grid-column:1/-1}.public-footer-bottom{flex-direction:column;gap:8px}.public-page-hero{padding:42px 0 34px}.public-story{gap:30px;padding-bottom:0}.story-art{min-height:290px}.public-note{padding:22px;margin-bottom:40px;gap:15px}.public-note h2{font-size:23px}.public-contact{padding-bottom:45px}.feature-detail{gap:24px;padding:35px 0}.feature-symbol{min-height:140px;flex-direction:row;align-items:center;justify-content:flex-start;padding:25px}.feature-symbol .icon{width:36px;height:36px}.public-document{padding:40px 0}}@media(max-width: 370px){body[data-public-page=true] main{padding:0 18px}.public-header{padding-inline:12px;gap:4px}.public-header .public-login{font-size:12px}.public-header .button{font-size:11px;padding:7px 9px}.public-header-actions{gap:8px}.public-brand{font-size:17px;gap:6px}.public-brand .brand-mark{width:24px;height:24px}.public-cta{gap:16px}.room-steps button{font-size:10px;gap:3px}.room-collection{gap:12px}.room-cover{width:72px}.room-caption h2{font-size:20px}.room-heart{display:none}.room-steps .icon{width:11px}.public-journey article{grid-template-columns:minmax(0, 1fr)}.journey-illustration{grid-row:auto;height:140px}.public-journey h3{margin-top:8px}.mood-card{padding:10px 12px}.mood-card strong{font-size:16px}.mood-card small{font-size:9px;letter-spacing:0}}@media(prefers-reduced-motion: reduce){.public-site *,.public-site *::before,.public-site *::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}.public-subtitle{color:var(--muted);font-size:14px;font-weight:400;margin-top:10px}.playlist-public-actions{display:flex;gap:4px;margin-left:auto}.playlist-public-actions .icon-button,.public-playlist-heading .icon-button{min-width:44px;min-height:44px}.public-listening{max-width:900px;padding:28px 0 40px}.public-playlist-heading{display:flex;align-items:flex-start;gap:16px}.public-playlist-heading>div{flex:1;min-width:0}.public-listening h1{font-size:clamp(21px,2.5vw,27px);letter-spacing:-0.5px;overflow-wrap:anywhere;margin-bottom:8px}.public-listening h2{font-size:18px;letter-spacing:-0.3px}.public-playlist-meta{margin:0;color:var(--muted);font-size:13px}.public-playlist-updated{margin:8px 0 4px;color:var(--muted);font-size:11px;font-weight:400}.public-playlist-actions{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:6px}.public-playlist-actions .public-playlist-support{margin-top:0}.public-playlist-actions .public-playlist-support :is(a,button){width:auto;min-width:32px;min-height:32px;padding:4px;gap:3px}.public-playlist-actions .public-playlist-support svg{width:18px;height:18px}.public-playlist-actions .public-playlist-support span{font-size:11px;font-variant-numeric:tabular-nums}.public-playlist-share.secondary{min-height:32px;padding:3px 5px;gap:4px;border:0;border-radius:6px;background:rgba(0,0,0,0);color:var(--muted);font-size:11px;font-weight:400}.public-playlist-share.secondary:is(:hover,:focus-visible){background:var(--soft);color:var(--text)}.public-playlist-share .icon{width:14px;height:14px}.public-playlist-support{display:flex;align-items:center;gap:4px;margin-top:6px}.public-playlist-support :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:9px;border:0;border-radius:7px;color:var(--muted);background:rgba(0,0,0,0);text-decoration:none}.public-playlist-support :is(a,button):is(:hover,:focus-visible){color:var(--text);background:var(--soft)}.public-playlist-support svg{width:20px;height:20px}#public-support-status:empty,#public-share-status:empty,#public-playlist-status:empty{display:none}.public-video-stage{width:100%;max-width:356px;margin:20px auto 28px;border-radius:8px;background:var(--surface);box-shadow:0 0 16px 8px color-mix(in srgb, var(--surface) 90%, transparent),0 0 38px 18px color-mix(in srgb, var(--surface) 55%, transparent),0 0 64px 26px color-mix(in srgb, var(--surface) 15%, transparent)}.public-video-stage:has(#youtube-viewport:not([hidden])){position:sticky;top:max(8px,env(safe-area-inset-top));z-index:20}#public-video-placeholder{min-height:200px;gap:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;border:1px solid var(--border);border-radius:8px;background:var(--soft)}#public-video-placeholder[hidden]{display:none}#public-video-placeholder>span .icon{width:36px;height:36px}.public-track-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-playlist-tracks{list-style:none;margin:16px 0;padding:0}.public-playlist-tracks li{min-width:0;border-bottom:1px solid var(--border);border-radius:6px}.public-track-play{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;padding:12px 8px;border:0;border-radius:6px;background:rgba(0,0,0,0);color:var(--text);text-align:left;font-weight:400}.public-track-play:hover{background:var(--soft)}.public-track-play:disabled{opacity:1}.public-playlist-tracks li:hover,.public-playlist-tracks li.is-current{background:var(--soft)}.public-playlist-tracks img,.public-track-art{flex-shrink:0;width:120px;height:70px;object-fit:contain;background:#111;border-radius:6px}.public-track-art{position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}.public-track-hover{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(0,0,0,.4);opacity:0;transition:opacity .15s}.public-track-hover .icon{width:28px;height:28px}.public-track-play:is(:hover,:focus-visible) .public-track-hover,.is-current .public-track-hover{opacity:1}@media(hover: none),(pointer: coarse){.public-track-hover{opacity:1}}@media(prefers-reduced-motion: reduce){.public-track-hover{transition:none}}.public-track-copy{flex:1;min-width:0;display:grid;gap:4px}.public-track-copy strong{font-size:14px;font-weight:500;text-decoration:none;overflow-wrap:anywhere}.public-track-copy span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.public-playlist-tracks .icon-button{flex-shrink:0;width:44px;height:44px}.public-listening-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.public-listening-links .button{min-height:44px;padding:8px 12px;background:var(--soft);border-color:var(--border);color:var(--text);font-size:13px;font-weight:500;text-align:center}.public-listening-links .button:is(:hover,:focus-visible){background:color-mix(in srgb, var(--text) 8%, var(--surface))}body[data-public-listening=true] .shell-content{height:auto;overflow:visible}body[data-public-listening=true] .player-details-heading{cursor:default;touch-action:auto}body[data-public-listening=true] .player-details-heading::before{display:none}body[data-public-listening=true] #player-details{position:static;width:100%;max-width:none;max-height:none;margin:0;padding:0;transform:none;box-shadow:none;background:var(--surface);border:0;border-radius:8px;overflow:visible}body[data-public-listening=true] #player-details::before,body[data-public-listening=true] #player-details::after{display:none}body[data-public-listening=true] #player-details .youtube-surface{width:100%;max-width:none;padding:0}body[data-public-listening=true] #youtube-viewport{width:100%;height:auto;min-height:200px;aspect-ratio:16/9;border-radius:8px;overflow:hidden}body[data-public-listening=true] #youtube-viewport iframe{width:100%;height:100%;min-height:200px;border-radius:inherit}body[data-public-listening=true] #collapse-player,body[data-public-listening=true] #expand-player,body[data-public-listening=true] .player-queue,body[data-public-listening=true] .player-collection-controls{display:none !important}body[data-public-listening=true] .player-details-heading{padding:8px 0}body[data-public-listening=true] .player-extra-controls{gap:4px;padding:4px 0}body[data-public-listening=true] .player-expanded-transport{gap:4px}body[data-public-listening=true] #player-details .player-skip .icon{width:22px;height:22px}body[data-public-listening=true] #player-options{position:static}body[data-public-listening=true] .public-footer{padding-bottom:80px}@media(pointer: coarse){body[data-public-listening=true] .player-extra-controls{grid-template-columns:44px minmax(0, 1fr) 44px}body[data-public-listening=true] #player-details .player-extra-controls .icon-button{width:44px;height:44px;min-height:44px}}@media(max-width: 600px){.public-listening{padding-top:20px}.public-track-play{gap:8px;padding:10px 0}.public-track-copy strong{font-size:12px}.public-track-copy span{font-size:11px}.public-listening-links .button{flex:1 1 200px}}.public-listening [data-tooltip]{position:relative}.public-listening [data-tooltip]::after{content:attr(data-tooltip);position:absolute;right:0;left:auto;bottom:calc(100% + 7px);z-index:70;width:max-content;max-width:min(180px,70vw);padding:6px 9px;border-radius:6px;background:var(--text);color:var(--surface);font-size:11px;line-height:1.5;pointer-events:none;opacity:0;visibility:hidden}.public-listening [data-tooltip]:is(:hover,:focus-visible)::after{opacity:1;visibility:visible}.public-playlist-support [data-tooltip]::after{left:0;right:auto}.public-discovery{padding:30px 0 12px}.public-discovery-heading :is(h1,h2){margin:0 0 8px;font-size:clamp(21px,2.5vw,24px);line-height:1.25;letter-spacing:-0.4px}.public-discovery-heading .section-heading{justify-content:flex-start;gap:10px;margin:0 0 8px}.public-discovery-heading .section-heading :is(h1,h2){margin:0}.public-discovery-heading [data-home-search]>form{left:0;right:auto}.public-discovery-heading .icon-button{flex-shrink:0}.public-discovery-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px}.public-discovery .playlist-filters a{text-decoration:none}.public-discovery .playlist-filters [aria-current=page]{color:var(--surface);background:var(--text)}.public-discovery-limit{margin:0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.public-discovery-caption{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.public-discovery-applied{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.public-discovery-filter{position:relative}.public-discovery-filter summary{list-style:none;cursor:pointer}.public-discovery-filter summary::-webkit-details-marker{display:none}.public-discovery-filter[open]>form{position:absolute;right:0;top:calc(100% + 8px);z-index:6;width:min(280px,100vw - 48px);border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.1333333333)}.public-discovery-filter-form label{display:block;margin-bottom:6px;font-size:12px}.public-discovery-filter-form select{width:100%;margin-bottom:16px}.public-discovery-filter-form input[type=search]{width:100%;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:10px;outline:none;appearance:none;background:var(--surface);color:var(--text);font-size:13px;box-shadow:0 2px 9px color-mix(in srgb, var(--text) 7%, transparent),0 1px 2px color-mix(in srgb, var(--text) 5%, transparent)}.public-discovery-filter-form input[type=search]:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb, var(--text) 30%, transparent),0 2px 9px color-mix(in srgb, var(--text) 7%, transparent)}.public-discovery-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px}.public-discovery-pagination a{display:inline-flex;align-items:center;min-height:44px}.public-discovery-pagination [aria-disabled=true]{opacity:.6;cursor:progress}.public-discovery-status{font-size:12px}.public-discovery-status:empty{display:none}.public-discovery-directory{margin-top:18px;font-size:12px}.public-discovery-directory .button{min-height:44px;gap:10px;background:var(--soft);border-color:var(--border);color:var(--text);font-size:13px;font-weight:500}.public-discovery-directory .button:is(:hover,:focus-visible){background:color-mix(in srgb, var(--text) 8%, var(--surface))}.public-discovery-directory .icon{width:18px;height:18px}.public-discovery .playlist-card-heading{margin:0;font-size:14px;line-height:1.5;letter-spacing:normal}:is(.public-discovery,.public-listening) .app-dialog .dialog-heading{padding:8px 20px;gap:10px;background:var(--surface)}:is(.public-discovery,.public-listening) .app-dialog .dialog-heading h2{margin:0;font-size:16px;line-height:1.3;letter-spacing:-0.2px}:is(.public-discovery,.public-listening) .app-dialog .dialog-heading .icon-button{width:32px;min-height:32px;padding:6px;flex-shrink:0}:is(.public-discovery,.public-listening) .app-dialog .dialog-body{padding:16px 20px;gap:12px}:is(.public-discovery,.public-listening) .app-dialog .public-discovery-filter-form label{margin-bottom:0}:is(.public-discovery,.public-listening) .app-dialog .dialog-actions{padding:8px 20px max(8px,env(safe-area-inset-bottom));gap:8px;background:var(--surface)}:is(.public-discovery,.public-listening) .app-dialog .dialog-actions>a{margin-right:0}:is(.public-discovery,.public-listening) .app-dialog .dialog-actions>a:first-child{margin-right:auto}:is(.public-discovery,.public-listening) .app-dialog .dialog-actions :is(button,a){min-height:34px;padding:6px 10px;font-size:12px}.public-discovery-meta{grid-column:1/-1;margin:0 2px;font-size:11px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.public-discovery .playlist-cover-count{display:inline-flex;align-items:center;gap:4px}.public-discovery .playlist-cover-count .icon{width:14px;height:14px}.public-discovery .playlist-card-footer{flex-wrap:wrap;gap:0 6px;margin:0 2px}.public-discovery .playlist-card-meta{font-size:11px;color:var(--muted)}.public-discovery .public-playlist-support{margin:0;gap:2px;flex-wrap:wrap}.public-discovery .playlist-support a{position:relative;flex:none;width:auto;min-width:34px;min-height:34px;padding:6px;font-size:11px;font-weight:400;text-decoration:none}.public-discovery .playlist-support a span{overflow-wrap:anywhere}.public-discovery .playlist-support svg{width:18px;height:18px}.public-discovery-empty{grid-column:1/-1;padding:40px 20px;border:1px solid var(--border);border-radius:12px;text-align:center}.public-discovery-empty h2{margin:0;font-size:18px}.public-discovery-empty p{color:var(--muted);font-size:13px}.public-discovery-empty a{font-size:13px}.public-discovery-about{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.public-discovery-about-copy{flex:1 1 400px;min-width:0}.public-discovery-about h2{margin:0 0 6px;font-size:18px}.public-discovery-about p{margin:0;max-width:640px;font-size:13px;color:var(--muted);line-height:1.7}.public-discovery-about p+p{margin-top:10px}.public-discovery-about-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto}.public-discovery-about-actions .button{min-height:34px;padding:6px 10px;font-size:12px}.public-discovery-about-actions .secondary{background:var(--soft);border-color:var(--border);color:var(--text)}.public-discovery-about-actions .secondary:is(:hover,:focus-visible){background:color-mix(in srgb, var(--text) 8%, var(--surface))}@media(max-width: 600px){.public-discovery{padding-top:22px}.public-discovery-directory .button{width:100%}.public-discovery-about-actions{width:100%}.public-discovery-about-actions .button{flex:1 1 140px;min-height:44px}:is(.public-discovery,.public-listening) .app-dialog .dialog-heading .icon-button{width:44px;min-height:44px}:is(.public-discovery,.public-listening) .app-dialog .dialog-actions :is(button,a){min-height:44px}.public-discovery .playlist-filters .secondary,.public-discovery .playlist-support a{min-height:44px}.public-discovery .playlist-support a{min-width:44px}}#playlist-support-confirmation{width:min(420px,100vw - 32px);background:var(--surface)}#playlist-support-confirmation .dialog-heading{padding:10px 18px;background:var(--surface);border-bottom:0}#playlist-support-confirmation .dialog-heading h2{margin:0;font-size:15px}#playlist-support-confirmation .dialog-heading .icon-button{width:34px;min-height:34px;padding:7px}#playlist-support-confirmation .dialog-body{padding:8px 22px 22px;gap:14px;text-align:center}#playlist-support-confirmation .dialog-body p{line-height:1.65}#playlist-support-confirmation .dialog-actions{padding:10px 18px max(10px,env(safe-area-inset-bottom));background:var(--surface)}#playlist-support-confirmation .dialog-actions button{min-height:38px;padding:7px 18px;font-size:12px}#playlist-support-confirmation[open]{animation:support-arrive .24s cubic-bezier(0.2, 0.8, 0.2, 1) both}.support-confirmation-hero{position:relative;padding-bottom:24px}.support-confirmation-artwork{overflow:hidden;border-radius:10px;background:var(--soft)}.support-confirmation-artwork .track-art{width:100%;height:auto;aspect-ratio:16/9;margin:0;border-radius:inherit}.support-confirmation-artwork img{display:block;width:100%;height:100%;object-fit:contain}.support-confirmation-title{margin:0;font-size:18px;line-height:1.4;letter-spacing:-0.3px;overflow-wrap:anywhere}.support-confirmation-badge{position:absolute;bottom:0;left:calc(50% - 26px);width:52px;height:52px;display:grid;place-items:center;border:4px solid var(--surface);border-radius:50%;background:var(--soft);color:var(--text);box-shadow:0 4px 16px color-mix(in srgb, var(--text) 9%, transparent)}.support-confirmation-badge>span{display:flex}.support-confirmation-badge svg{width:23px;height:23px}[data-support-action=favourite] [data-support-symbol=rise],[data-support-action=rise] [data-support-symbol=favourite]{display:none}.support-confirmation-badge .support-confirmation-check{position:absolute;width:17px;height:17px;right:-3px;bottom:-1px;opacity:0}.is-confirmed .support-confirmation-badge{animation:support-confirmed .5s cubic-bezier(0.2, 0.8, 0.2, 1) both}.is-confirmed .support-confirmation-check{opacity:1}.support-confirmation-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;align-items:center}.support-confirmation-stats>span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:var(--soft);font-size:13px;font-variant-numeric:tabular-nums}.support-confirmation-stats svg{width:17px;height:17px}@keyframes support-arrive{from{opacity:0;transform:translateY(10px) scale(0.98)}to{opacity:1;transform:none}}@keyframes support-confirmed{0%{transform:scale(0.88)}65%{transform:scale(1.08)}100%{transform:none}}@media(pointer: coarse),(max-width: 600px){#playlist-support-confirmation .dialog-heading .icon-button{width:44px;min-height:44px}#playlist-support-confirmation .dialog-actions button{min-height:44px;flex:1}#playlist-support-confirmation .dialog-body{padding-inline:18px}}@media(prefers-reduced-motion: reduce){#playlist-support-confirmation[open],.is-confirmed .support-confirmation-badge{animation:none}}.public-playlist-tracks>li{position:relative}.public-playlist-tracks>li[data-public-row]{display:flex;align-items:center;gap:4px}.public-playlist-tracks .public-track-play{min-width:0;flex:1}.public-video-actions{flex-shrink:0;margin-inline-start:auto}.public-video-actions .playlist-actions-panel{z-index:10}.video-report-action{border-top:1px solid var(--border)}.video-report-dialog{width:min(420px,100vw - 32px)}.video-report-dialog .dialog-heading{padding:12px 18px}.video-report-dialog .dialog-heading h2{font-size:16px}.video-report-dialog .dialog-actions{padding:10px 18px;flex-wrap:wrap}.video-report-dialog [data-report-fields]{display:grid;gap:12px}.video-report-dialog [data-report-auth]{display:flex;flex-wrap:wrap;gap:8px}.video-report-dialog [hidden]{display:none !important}.video-report-dialog[open]{animation:support-arrive .24s ease both}.video-report-dialog.is-confirmed [data-report-status]{color:var(--text)}@media(prefers-reduced-motion: reduce){.video-report-dialog[open]{animation:none}}