.video-window{background:0 0}.video-app{--accent:oklch(54% .19 255);--accent-soft:oklch(94% .03 255);height:100%;min-height:0;display:flex}:root[data-theme=dark] .video-app{--accent:oklch(73% .14 245);--accent-soft:oklch(32% .05 255)}.video-app .video-sidebar{width:178px}.video-sidebar .music-wordmark{padding-bottom:25px}.video-sidebar .sidebar-playlists{margin-top:25px;padding-bottom:16px}.video-sidebar-message{color:var(--muted);padding:12px 10px;font-size:11px;line-height:1.7}.video-sidebar-message button{margin-top:10px}.video-sidebar-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:11px;padding:17px;font-size:10px;line-height:1.8;display:flex}.video-sidebar-footer strong{color:var(--text);font-weight:500}.video-main{background:var(--surface);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;container-type:inline-size}.video-main .music-toolbar{padding:0 18px}.video-app .video-search{width:190px;height:28px;margin:0}.video-search .icon-button{width:17px;height:17px}.video-browse,.video-library{flex-direction:column;flex:1;min-height:0;display:flex}.video-browse[hidden]{display:none}.video-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:27px 27px 0;overflow:auto}.video-scroll .page-heading{margin-bottom:24px}.video-scroll .page-heading h1{letter-spacing:-.8px;font-size:27px}.video-filters{border-bottom:1px solid var(--line);align-items:center;gap:15px;min-height:52px;padding:12px 27px;display:flex}.video-tag-select{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.video-tag-select select{color:var(--text);background:var(--surface-alt);border:1px solid var(--line);border-radius:5px;max-width:210px;padding:4px 25px 4px 8px;font-size:11px}.video-sort{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:10px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:25px 18px;display:grid}.video-card{text-align:left;border-radius:7px;flex-direction:column;min-width:0;padding:0;display:flex}.video-thumbnail{aspect-ratio:16/9;background:var(--surface-alt);width:100%;box-shadow:0 0 0 1px var(--line);border-radius:7px;display:block;position:relative;overflow:hidden}.video-thumbnail>.artwork{aspect-ratio:16/9;width:100%;height:100%}.video-thumbnail .artwork>svg{width:24%;height:30%}.video-badge{color:oklch(98% .006 245);background:oklch(16% .01 260/.8);border-radius:4px;align-items:center;gap:5px;padding:4px 6px;font-size:10px;display:flex;position:absolute;bottom:7px;right:7px}.video-card-action{color:oklch(98% .006 245);opacity:0;background:oklch(10% .01 260/.25);place-items:center;transition:opacity .18s ease-out;display:grid;position:absolute;inset:0}.video-card:hover .video-card-action,.video-card:focus-visible .video-card-action{opacity:1}.video-card>strong{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:12px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.video-card>small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5}.video-load-more{min-height:75px;color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:20px 0;font-size:11px;display:flex}.video-skeleton>div>span{aspect-ratio:16/9;background:var(--surface-hover);border-radius:7px;display:block}.video-skeleton i{background:var(--surface-alt);border-radius:3px;width:70%;height:12px;margin-top:12px;display:block}.video-skeleton i:last-child{width:40%;height:9px;margin-top:8px}.video-collection-header{align-items:center;gap:24px;margin:5px 0 32px;display:flex}.video-collection-header>.artwork{aspect-ratio:16/10;border-radius:7px;width:34%;max-width:250px}.video-collection-header>div{flex:1;min-width:0}.video-collection-header .eyebrow{color:var(--muted)}.video-collection-header h1{overflow-wrap:anywhere;margin:9px 0;font-size:26px;line-height:1.3}.video-collection-header p{white-space:pre-line;color:var(--muted);max-height:92px;font-size:11px;line-height:1.7;overflow:auto}.video-collection-header .button{margin-top:17px}.video-section-title{margin-bottom:12px;font-size:17px;font-weight:650}.video-episodes{padding-bottom:25px}.video-episodes>button{border-top:1px solid var(--line);text-align:left;border-radius:5px;align-items:center;gap:15px;width:100%;padding:12px 8px;display:flex}.video-episodes>button:hover{background:var(--surface-alt)}.episode-number{font-variant-numeric:tabular-nums;width:22px;color:var(--muted);flex-shrink:0;font-size:11px}.video-episodes .artwork{aspect-ratio:16/9;width:112px}.episode-copy{flex:1;min-width:0}.episode-copy strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.5;display:block}.episode-copy small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.video-episodes>button>svg{color:var(--accent);margin:0 10px}.video-watch{background:var(--surface);flex:1;min-height:0;display:flex;overflow:auto}.video-watch-main{flex:1;min-width:0;overflow:auto}.video-stage{aspect-ratio:16/9;background:oklch(9% .006 260);width:100%;position:relative;overflow:hidden}.video-stage video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.video-player-loading{color:oklch(80% .01 260);aspect-ratio:16/9;background:oklch(15% .01 260);place-items:center;font-size:12px;display:grid}.video-playback-error{color:oklch(93% .006 260);text-align:center;background:oklch(14% .01 260/.96);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:24px;font-size:12px;line-height:1.6;display:flex;position:absolute;inset:0}.video-info{padding:22px 25px}.video-info h1{overflow-wrap:anywhere;font-size:20px;font-weight:650;line-height:1.5}.video-info p{color:var(--muted);flex-wrap:wrap;gap:15px;margin-top:10px;font-size:10px;display:flex}.video-tag-links{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.video-tag-links button{color:var(--accent);background:var(--accent-soft);border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.video-episode-panel{border-left:1px solid var(--line);background:var(--surface-alt);flex-direction:column;flex-shrink:0;width:224px;min-height:0;display:flex}.video-episode-panel header{align-items:center;gap:8px;padding:17px 15px;font-size:12px;line-height:1.5;display:flex}.video-episode-panel header strong{overflow-wrap:anywhere}.video-episode-panel header svg{color:var(--muted);flex-shrink:0}.video-episode-options{color:var(--muted);padding:0 15px 14px;font-size:10px}.video-episode-options label{align-items:center;gap:5px;display:flex}.video-episode-options input{accent-color:var(--accent);margin:0}.video-episode-options button{align-items:center;gap:4px;margin-top:12px;padding:0;display:flex}.video-episode-list{border-top:1px solid var(--line);padding:4px 8px 14px;overflow:auto}.video-episode-list>button{text-align:left;border-radius:5px;gap:10px;width:100%;padding:11px 8px;font-size:11px;line-height:1.6;display:flex}.video-episode-list>button>span{width:20px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:1px}.video-episode-list strong{overflow-wrap:anywhere;font-weight:400}.video-episode-list>button:hover{background:var(--surface-hover)}.video-episode-list>button[aria-current]{background:var(--accent-soft);color:var(--accent)}.video-episode-list>button[aria-current] span{color:var(--accent)}@container (width<=700px){.video-watch{flex-direction:column}.video-watch-main{flex:none;overflow:visible}.video-episode-panel{border-left:0;border-top:1px solid var(--line);flex:1;width:100%;min-height:220px}.video-episode-list{overflow:visible}.video-episode-options{justify-content:space-between;display:flex}.video-episode-options button{margin-top:0}.video-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--text:oklch(25% .012 275);--muted:oklch(55% .012 275);--faint:oklch(68% .012 275);--surface:oklch(99% .003 280);--surface-alt:oklch(96.7% .005 280);--surface-hover:oklch(93.7% .008 280);--sidebar:oklch(95.5% .008 280/.88);--line:oklch(30% .01 270/.09);--accent:oklch(61% .225 17);--accent-soft:oklch(95% .025 15);--on-accent:oklch(99% .003 20);--chrome:oklch(97% .005 280/.94);--shadow:0 24px 80px oklch(12% .05 280/.27), 0 4px 12px oklch(12% .05 280/.14);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Noto Sans SC,sans-serif;font-size:13px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:oklch(94% .005 280);--muted:oklch(70% .012 275);--faint:oklch(57% .012 275);--surface:oklch(22% .012 280);--surface-alt:oklch(25% .012 280);--surface-hover:oklch(31% .012 280);--sidebar:oklch(23% .018 280/.92);--line:oklch(90% .01 270/.1);--accent:oklch(71% .19 15);--accent-soft:oklch(32% .045 15);--chrome:oklch(25% .012 280/.95)}*{box-sizing:border-box}body{color:var(--text);margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button,a,input,select{outline-offset:3px}:focus-visible{outline:2px solid var(--accent)}button:disabled{cursor:default;opacity:.35}button,input,select{-webkit-user-drag:none}button svg{flex-shrink:0}button{transition:background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out}button:active:not(:disabled){filter:brightness(.96)}input[type=range]{accent-color:var(--accent);cursor:pointer;min-width:0;height:3px;margin:0}h1,h2,h3,p{margin:0}button img{pointer-events:none}.desktop{isolation:isolate;width:100%;min-width:640px;height:100dvh;position:relative;overflow:hidden}.wallpaper-layer{z-index:-2;background:url(/wallpaper.svg) 50%/cover;transition:filter .4s ease-out;position:absolute;inset:0}.custom-wallpaper{object-fit:cover;width:100%;height:100%;display:block}.wallpaper-tone-ocean{filter:hue-rotate(28deg)saturate(.76)}.wallpaper-tone-dusk{filter:hue-rotate(335deg)brightness(.7)}.desktop:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 55%,oklch(15% .04 280/.1));position:absolute;inset:0}.menu-bar{-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);color:oklch(99% .005 280);-webkit-user-select:none;user-select:none;z-index:100000;background:oklch(95% .015 280/.22);justify-content:space-between;align-items:center;height:30px;padding:0 17px 0 11px;font-size:12px;display:flex;position:relative;box-shadow:0 1px oklch(90% .02 280/.08)}.desktop:not(.wallpaper-sunset):not(.wallpaper-ocean):not(.wallpaper-dusk) .menu-bar{background:oklch(22% .012 280/.6)}.menu-left,.menu-right{align-items:center;gap:2px;height:100%;display:flex}.menu-bar button{border-radius:5px;justify-content:center;align-items:center;height:27px;padding:0 11px;display:flex}.menu-bar button:hover,.menu-bar button.open{background:oklch(99% .005 280/.16)}.menu-bar .account-menu{gap:7px;margin-right:7px;padding:0 9px 0 4px}.menu-bar .menu-avatar{color:oklch(99% .005 280);background:oklch(99% .005 280/.18);border-radius:50%;width:21px;height:21px;box-shadow:0 0 0 1px oklch(99% .005 280/.22)}.menu-avatar>svg{width:14px;height:14px}.menu-nickname{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:650;overflow:hidden}.menu-right{gap:5px}.menu-right time{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:7px;font-size:12px}.menu-right time b{margin-left:6px;font-weight:500}.menu-anchor{align-items:center;height:100%;display:flex;position:relative}.menu-popover{background:var(--chrome);width:230px;color:var(--text);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 10px 30px oklch(10% .02 280/.25), 0 0 0 1px var(--line);border-radius:9px;padding:5px;position:absolute;top:32px;left:0}.menu-heading{padding:9px 10px;font-size:12px;display:block}.menu-popover button{justify-content:space-between;width:100%;font-size:12px}.menu-popover button:hover{background:var(--accent);color:var(--on-accent)}.menu-popover hr{border:0;border-top:1px solid var(--line);margin:5px}.menu-popover kbd{opacity:.5;font-family:inherit}.menu-now-playing .equalizer{color:oklch(99% .005 280)}.window-area{pointer-events:none;position:absolute;inset:30px 0 84px}.desktop-window{pointer-events:auto;background:var(--surface);box-shadow:var(--shadow);border-radius:12px;outline:1px solid oklch(99% .005 280/.24);overflow:clip}.desktop-window.maximized{border-radius:0 0 10px 10px}.window-interior{flex-direction:column;height:100%;min-height:0;display:flex}.music-window{background:0 0}.music-body{flex:1;min-height:0;display:flex}.music-sidebar{background:var(--sidebar);-webkit-backdrop-filter:blur(36px)saturate(1.15);backdrop-filter:blur(36px)saturate(1.15);border-right:1px solid var(--line);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden}.sidebar-title{align-items:center;min-height:48px;padding:0 18px;display:flex}.traffic-lights{align-items:center;gap:8px;display:flex}.traffic-lights button{border-radius:50%;place-items:center;width:13px;height:13px;padding:0;display:grid;box-shadow:inset 0 0 0 .6px oklch(20% .02 280/.16)}.traffic-lights .close{color:#7a1710;background:#ff6058}.traffic-lights .minimize{color:#8f5900;background:#ffbd2e}.traffic-lights .maximize{color:#00650e;background:#28c840}.traffic-lights svg{stroke-width:3px;opacity:0;width:9px;height:9px}.traffic-lights:hover svg,.traffic-lights button:focus-visible svg{opacity:1}.music-wordmark{align-items:center;gap:9px;padding:3px 18px 21px;display:flex}.music-wordmark strong{letter-spacing:-1px;font-size:21px;font-weight:700}.search-input{border:1px solid var(--line);height:31px;color:var(--muted);background:oklch(70% .01 280/.07);border-radius:6px;align-items:center;gap:6px;margin:0 12px 21px;padding:0 8px;display:flex}.search-input:focus-within{box-shadow:0 0 0 2px var(--accent);border-color:#0000}.search-input input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-input input::placeholder{color:var(--muted)}.search-input kbd{white-space:nowrap;opacity:.6;font-family:inherit;font-size:9px}.search-input button{padding:0;display:flex}.music-sidebar nav{padding:0 10px}.sidebar-label{color:var(--muted);padding:0 9px 7px;font-size:10px;font-weight:600}.music-sidebar nav>button{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;height:34px;margin-bottom:2px;padding:0 10px;font-size:12px;display:flex}.music-sidebar nav>button>svg{color:var(--accent);stroke-width:1.8px}.music-sidebar nav>button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-sidebar nav>button>small{color:var(--muted);margin-left:auto;font-size:10px}.music-sidebar nav>button:hover{background:oklch(55% .01 280/.08)}.music-sidebar nav>button.selected{background:oklch(55% .01 280/.13);font-weight:600}.sidebar-playlists{flex:1;min-height:40px;margin-top:26px;overflow-y:auto}.sidebar-playlists button{font-size:11px!important}.sidebar-playlists button svg{color:var(--muted)!important}.sidebar-bottom{border-top:1px solid var(--line);text-align:left;align-items:center;gap:10px;min-height:67px;margin-top:auto;padding:13px 17px;display:flex}.sidebar-bottom>span:nth-child(2){flex:1}.sidebar-bottom strong{font-size:11px;font-weight:600;display:block}.sidebar-bottom small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.sidebar-bottom>svg{color:var(--muted)}.dolphin-monogram{color:#5c5469;background:linear-gradient(135deg,#e1d4c9,#b8b6cb);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;font-weight:600;display:grid}.music-main{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex;container-type:inline-size}.music-toolbar{border-bottom:1px solid var(--line);background:var(--chrome);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;min-height:53px;padding:0 22px;display:flex}.toolbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.toolbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.library-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.library-status i{background:oklch(65% .12 155);border-radius:50%;width:5px;height:5px}.library-status.offline i{background:var(--accent)}.music-workspace{flex:1;min-height:0;display:flex}.music-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-width:0;padding:29px 32px 0;overflow:auto}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.page-heading h1{letter-spacing:-1.2px;font-size:29px;font-weight:700;line-height:1.3}.page-heading p{color:var(--muted);margin-top:8px;font-size:11px}.page-heading>.button{flex-shrink:0;margin-top:6px}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:31px;padding:0 13px;font-size:11px;font-weight:500;display:inline-flex}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover{filter:brightness(1.06)}.button.secondary{background:var(--surface-hover);color:var(--accent)}.button.secondary:hover{background:var(--accent-soft)}.text-button{color:var(--accent);font-size:11px}.icon-button{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-hover)}.accent{color:var(--accent)!important}.featured-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px;display:grid}.featured-card{text-align:left;isolation:isolate;border-radius:8px;gap:8px;height:175px;padding:20px;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden}.featured-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px oklch(30% .04 280/.1)}.feature-0{color:#31494b;background:linear-gradient(120deg,#e3e6e3,#c3d3d8)}.feature-1{color:#68483c;background:linear-gradient(120deg,#efe0d5,#e9c3b0)}.featured-copy{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.eyebrow{letter-spacing:.3px;font-size:10px;font-weight:500}.featured-copy>strong{letter-spacing:-.6px;max-width:180px;margin-top:12px;font-size:20px;font-weight:700;line-height:1.4}.featured-bottom{align-items:center;gap:10px;margin-top:auto;font-size:10px;display:flex}.featured-bottom>span{background:oklch(99% .005 280/.35);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.featured-card>.artwork{border-radius:4px;flex-shrink:0;align-self:center;width:120px;height:130px;transform:rotate(7deg)translate(10px,4px);box-shadow:0 8px 20px oklch(20% .04 270/.22)}.featured-card>.artwork img{object-fit:cover}.section-title{justify-content:space-between;align-items:center;margin:26px 0 15px;display:flex}.section-title h2{letter-spacing:-.5px;font-size:17px;font-weight:650}.section-title>button{color:var(--accent);align-items:center;gap:2px;font-size:10px;display:flex}.artwork{aspect-ratio:1;background:linear-gradient(140deg, oklch(83% .04 var(--art-hue)), oklch(63% .08 var(--art-hue)));color:oklch(98% .005 280/.7);border-radius:5px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.artwork>img{object-fit:cover;width:100%;height:100%;display:block}.artwork>svg{stroke-width:1.3px;width:36%;height:36%}.artwork.round{border-radius:50%}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 19px;display:grid}.collection-card{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;max-width:250px;padding:0;display:flex}.collection-art{width:100%;display:block;position:relative}.collection-art .artwork{border-radius:6px;width:100%;box-shadow:0 1px 5px oklch(20% .015 280/.09)}.collection-card strong{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:10px;font-size:12px;font-weight:550;overflow:hidden}.collection-card>span:last-child{color:var(--muted);margin-top:5px;font-size:10px}.collection-open{color:#d33c5b;opacity:0;background:oklch(99% .005 280/.94);border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:9px;right:9px;transform:translateY(5px)}.collection-card:hover .collection-open,.collection-card:focus-visible .collection-open{opacity:1;transform:translateY(0)}.track-list{width:100%}.track-header,.track-row{grid-template-columns:27px minmax(130px,1fr) minmax(70px,.6fr) 42px 62px;align-items:center;gap:8px;display:grid}.track-header{height:32px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px;padding:0 8px;font-size:10px}.track-header>span:first-child{text-align:center}.track-row{border-radius:5px;min-height:57px;padding:5px 8px}.track-row:nth-child(odd){background:var(--surface-alt)}.track-row:hover{background:var(--surface-hover)}.track-row.active{color:var(--accent)}.track-number{width:25px;height:30px;color:var(--muted);place-items:center;padding:0;font-size:11px;display:grid;position:relative}.track-play,.track-row:hover .track-index,.track-number:focus-visible .track-index{display:none}.track-row:hover .track-play,.track-number:focus-visible .track-play{display:grid}.track-title{text-align:left;align-items:center;gap:11px;min-width:0;height:100%;padding:0;display:flex}.track-title .artwork{border-radius:4px;width:36px;height:36px}.track-title>span:last-child{min-width:0}.track-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.track-title small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.track-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.track-duration{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.track-actions{justify-content:flex-end;align-items:center;display:flex}.track-actions button{opacity:0;width:27px;height:27px}.track-actions button.accent,.track-row:hover .track-actions button,.track-row:focus-within .track-actions button{opacity:1}.track-list.compact{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.compact .track-row{border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:0 minmax(80px,1fr) 35px 27px;gap:0 8px;min-height:61px;padding:8px 0}.compact .track-number,.compact .track-artist,.compact .track-actions button:last-child{display:none}.compact .track-row:hover{background:var(--surface-alt)}.compact .track-title{grid-column:2}.compact .track-title .artwork{width:40px;height:40px}.compact .track-title strong{font-size:11px}.compact .track-title small{font-size:10px}.equalizer{height:14px;color:var(--accent);justify-content:center;align-items:flex-end;gap:2px;display:flex}.equalizer i{transform-origin:bottom;background:currentColor;border-radius:2px;width:3px;height:12px;animation:.9s ease-in-out infinite alternate equalize}.equalizer i:nth-child(2){height:14px;animation-delay:-.4s}.equalizer i:nth-child(3){height:9px;animation-delay:-.7s}@keyframes equalize{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.play-actions{align-items:center;gap:8px;margin-bottom:22px;display:flex}.play-actions>span{color:var(--muted);margin-left:6px;font-size:10px}.language-filter{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.language-filter select{color:var(--text);background:var(--surface-alt);border:1px solid var(--line);border-radius:5px;padding:6px 10px;font-size:11px}.load-more{margin:24px auto;display:flex}.detail-heading{align-items:center;gap:24px;margin:4px 0 30px;display:flex}.detail-heading>.artwork{border-radius:7px;width:170px;height:170px;box-shadow:0 5px 14px oklch(20% .02 280/.13)}.detail-heading>.artwork.round{border-radius:50%}.detail-heading>div{min-width:0}.detail-heading .eyebrow{color:var(--accent)}.detail-heading h1{letter-spacing:-.9px;overflow-wrap:anywhere;margin:8px 0 12px;font-size:27px;line-height:1.3}.detail-heading p{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.detail-heading .collection-description{max-height:38px;margin-top:10px;line-height:1.7;display:block;overflow:hidden}.detail-heading .play-actions{flex-wrap:wrap;margin:20px 0 0}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:28px 23px;display:grid}.artist-card{text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0;display:flex}.artist-card .artwork{border-radius:50%;width:100%;margin-bottom:4px}.artist-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:550;overflow:hidden}.artist-card>span:last-child{color:var(--muted);align-items:center;gap:2px;font-size:10px;display:flex}.artist-card:hover>span:last-child{color:var(--accent)}.search-scope{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:1.8}.empty-state{text-align:center;min-height:200px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.empty-state>svg{opacity:.45;stroke-width:1.4px;margin-bottom:15px}.empty-state h3{color:var(--text);margin-bottom:9px;font-size:15px;font-weight:600}.empty-state p{max-width:40ch;font-size:11px;line-height:1.8}.empty-state .button{margin-top:17px}.inline-error{color:var(--accent);padding:10px 0;font-size:12px}.library-footer{color:var(--faint);justify-content:space-between;align-items:center;margin-top:15px;padding:31px 0 23px;font-size:9px;display:flex}.library-footer span:first-child{letter-spacing:2px;font-size:8px;font-weight:500}.skeleton-list,.skeleton-grid{padding:5px 0}.skeleton-item{align-items:center;gap:12px;margin-bottom:15px;display:flex}.skeleton-item>span{background:var(--surface-hover);border-radius:5px;flex-shrink:0;width:40px;height:40px;display:block}.skeleton-item>div{width:65%}.skeleton-item i{background:var(--surface-hover);border-radius:5px;width:90%;height:9px;margin-bottom:8px;display:block}.skeleton-item i:last-child{width:45%}.skeleton-item{animation:1.7s ease-in-out infinite alternate breathe}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skeleton-grid .skeleton-item{display:block}.skeleton-grid .skeleton-item>span{aspect-ratio:1;width:100%;height:auto;margin-bottom:12px}@keyframes breathe{0%{opacity:.5}to{opacity:1}}.transport-wrap{background:var(--chrome);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-top:1px solid var(--line);flex-shrink:0}.transport{grid-template-columns:minmax(190px,1fr) minmax(210px,1fr) minmax(155px,1fr);align-items:center;gap:18px;height:82px;padding:0 19px;display:grid}.playing-track{align-items:center;gap:10px;min-width:0;display:flex}.playing-track .artwork{border-radius:5px;width:43px;height:43px}.playing-track>div{flex:1;min-width:0}.playing-track strong,.playing-track span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.playing-track strong{font-size:11px;font-weight:550}.playing-track>div>span{color:var(--muted);margin-top:6px;font-size:10px}.transport-center{padding-top:1px}.playback-buttons{justify-content:center;align-items:center;gap:12px;display:flex}.playback-buttons .icon-button{width:25px;height:28px;color:var(--muted)}.playback-buttons .icon-button.main-play{width:35px;height:34px;color:var(--text)}.playback-buttons .icon-button:nth-child(2),.playback-buttons .icon-button:nth-child(4){color:var(--text)}.seek-line{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:8px;margin-top:5px;font-size:9px;display:flex}.seek-line input{flex:1;width:100%;height:3px}.seek-line>span{min-width:26px}.seek-line>span:last-child{text-align:right}.transport-options{justify-content:flex-end;align-items:center;gap:6px;display:flex}.transport-options input{width:72px;accent-color:var(--muted)}.control-divider{background:var(--line);width:1px;height:17px;margin:0 4px 0 9px}.playback-error{background:var(--accent-soft);color:var(--accent);align-items:center;gap:10px;padding:7px 16px;font-size:11px;display:flex}.playback-error>span{flex:1}.playback-error>button:not(.icon-button){text-decoration:underline}.queue-panel{border-left:1px solid var(--line);background:var(--surface-alt);flex:0 0 260px;width:260px;padding:17px 15px;overflow-y:auto}.queue-heading{justify-content:space-between;align-items:center;display:flex}.queue-heading h3{font-size:15px;font-weight:600}.queue-count{color:var(--muted);justify-content:space-between;align-items:center;margin:12px 0;font-size:10px;display:flex}.queue-count button{color:var(--accent);font-size:10px}.queue-panel ol{margin:0;padding:0;list-style:none}.queue-panel li{border-radius:5px;align-items:center;min-width:0;margin:0 -4px;padding:3px 4px;display:flex}.queue-panel li:hover{background:var(--surface-hover)}.queue-panel li.current{background:var(--accent-soft);color:var(--accent)}.queue-track{text-align:left;flex:1;align-items:center;gap:9px;min-width:0;padding:7px 0;display:flex}.queue-track .artwork{width:34px;height:34px}.queue-track>span:last-child{min-width:0}.queue-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;display:block;overflow:hidden}.queue-track small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.queue-panel li>.icon-button{opacity:0;width:20px}.queue-panel li:hover>.icon-button,.queue-panel li:focus-within>.icon-button{opacity:1}.queue-empty{color:var(--muted);margin-top:25px;font-size:11px;line-height:1.8}.app-icon{border-radius:13px;place-items:center;width:55px;height:55px;display:grid;position:relative;box-shadow:0 2px 4px oklch(10% .025 280/.22),inset 0 1px 1px oklch(99% .005 280/.55)}.app-icon:after{content:"";border-radius:inherit;pointer-events:none;border:.6px solid oklch(99% .005 280/.23);position:absolute;inset:0}.app-icon svg{width:89%;height:89%}.app-icon>img{border-radius:inherit;width:100%;height:100%;display:block}.app-icon-music{color:oklch(99% .005 20);background:linear-gradient(#ff768c,#ed3158 85%)}.app-icon-launchpad{background:linear-gradient(#eaf1f9,#c3cee0)}.app-icon.small{border-radius:6px;width:26px;height:26px}.launchpad-dots{grid-template-columns:repeat(3,8px);gap:4px;display:grid}.launchpad-dots i{background:#3597ea;border-radius:2px;height:8px}.launchpad-dots i:nth-child(2n){background:#ec6b84}.launchpad-dots i:nth-child(3n){background:#f3b048}.launchpad-dots i:nth-child(7n){background:#72b896}.dock{z-index:10000;-webkit-backdrop-filter:blur(32px)saturate(1.4);backdrop-filter:blur(32px)saturate(1.4);-webkit-user-select:none;user-select:none;background:oklch(93% .02 270/.24);border-radius:19px;align-items:flex-start;gap:10px;height:73px;padding:8px 10px 9px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px oklch(99% .005 280/.35),0 5px 22px oklch(10% .03 280/.2)}.dock-item{padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1);position:relative}.dock-item:hover{transform:translateY(-7px)}.dock-item.running:after{content:"";background:oklch(99% .005 280/.9);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:-7px;left:50%}.dock-tooltip{opacity:0;background:var(--chrome);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;pointer-events:none;border-radius:5px;padding:6px 11px;font-size:11px;position:absolute;top:-38px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px oklch(10% .02 280/.15)}.dock-item:hover .dock-tooltip,.dock-item:focus-visible .dock-tooltip{opacity:1}.dock-separator{background:oklch(99% .005 280/.24);align-self:center;width:1px;height:48px;margin:0 2px}.launchpad-backdrop{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:5000;background:oklch(15% .025 280/.26);place-items:center;padding-bottom:80px;display:grid;position:absolute;inset:30px 0 0}.launchpad{color:oklch(99% .005 280);width:540px}.launchpad header{justify-content:space-between;align-items:center;padding:0 40px;display:flex}.launchpad h2{font-size:22px;font-weight:500}.launchpad-apps{grid-template-columns:repeat(3,1fr);gap:38px 24px;padding:38px 20px;display:grid}.launchpad-apps button{flex-direction:column;align-items:center;gap:16px;display:flex}.launchpad-apps .app-icon{border-radius:18px;width:76px;height:76px}.launchpad>p{text-align:center;opacity:.6;font-size:12px}.settings-content{--accent:oklch(55% .18 255);background:var(--surface-alt);height:100%;display:flex}.settings-sidebar{background:var(--chrome);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:184px;padding:0 12px;display:flex}.settings-sidebar-title{align-items:center;height:56px;padding:0 4px;display:flex}.settings-account{align-items:center;gap:11px;padding:12px 6px 25px;display:flex}.settings-account>svg{color:var(--muted)}.settings-account strong{font-size:14px;font-weight:600;display:block}.settings-account small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.settings-sidebar nav{gap:4px;display:grid}.settings-sidebar nav button{text-align:left;border-radius:6px;align-items:center;gap:9px;padding:8px;font-size:12px;display:flex}.settings-sidebar nav button:hover{background:var(--surface-hover)}.settings-sidebar nav button[aria-current]{color:oklch(99% .005 255);background:oklch(55% .18 255)}.settings-nav-icon{color:oklch(99% .005 260);background:oklch(57% .15 260);border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.settings-nav-icon.wallpaper{background:oklch(60% .13 205)}.settings-nav-icon.sound{background:oklch(60% .19 24)}.settings-brand{color:var(--muted);margin-top:auto;padding:18px 6px;font-size:10px}.settings-main{flex-direction:column;flex:1;min-width:0;display:flex}.settings-toolbar{border-bottom:1px solid var(--line);align-items:center;min-height:56px;padding:0 28px;display:flex}.settings-toolbar h1{font-size:17px;font-weight:650}.settings-scroll{flex:1;min-height:0;padding:25px 28px;overflow:auto}.settings-scroll section{margin-bottom:26px}.settings-scroll h2{margin-bottom:12px;font-size:13px;font-weight:600}.theme-picker{gap:10px;display:flex}.theme-picker button{background:var(--surface);border:1px solid var(--line);border-radius:7px;flex:1;align-items:center;gap:10px;padding:11px 13px;font-size:11px;display:flex}.theme-picker button span{text-align:left;flex:1}.theme-picker button.chosen{border-color:var(--accent);color:var(--accent)}.wallpaper-displays{justify-content:center;gap:30px;padding:2px 18px 0;display:flex}.wallpaper-display{width:180px;min-width:0;padding:0}.display-frame{aspect-ratio:1.65;background:oklch(27% .008 260);border:5px solid oklch(27% .008 260);border-radius:9px;display:block;position:relative;box-shadow:0 4px 8px oklch(20% .01 260/.12)}.display-frame>img{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}.display-frame:after{content:"";background:oklch(72% .008 260);border-radius:1px 1px 5px 5px;height:4px;position:absolute;bottom:-8px;left:-10px;right:-10px}.display-menubar{text-align:left;color:oklch(98% .005 260);background:oklch(25% .01 260/.25);border-radius:2px 2px 0 0;padding:3px 5px;font-size:5px;position:absolute;inset:0 0 auto}.display-dock{background:oklch(98% .005 260/.4);border-radius:4px;justify-content:center;align-items:center;gap:3px;width:36%;height:13px;display:flex;position:absolute;bottom:5px;left:32%}.display-dock i{background:oklch(60% .15 255);border-radius:2px;width:8px;height:8px}.display-dock i:nth-child(2n){background:oklch(65% .17 25)}.display-dock i:nth-child(3){background:oklch(75% .13 120)}.display-clock{color:oklch(99% .005 260/.85);text-shadow:0 1px 8px oklch(20% .01 260/.2);font-size:27px;font-weight:650;position:absolute;top:19%;left:0;right:0}.display-label{border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:13px;padding:5px 9px;font-size:12px;display:inline-flex}.wallpaper-display.selected .display-label{color:var(--accent);background:oklch(65% .15 255/.12)}.wallpaper-current{text-align:center;margin:10px 0 16px}.wallpaper-current strong{font-size:15px;font-weight:600;display:block}.wallpaper-current>span{color:var(--muted);margin-top:6px;font-size:11px;display:block}.wallpaper-rotation{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.wallpaper-rotation-row{justify-content:space-between;align-items:center;gap:12px;min-height:25px;display:flex}.wallpaper-rotation-row label{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.wallpaper-rotation-row input{appearance:none;cursor:pointer;background:oklch(65% .01 260/.45);border-radius:10px;width:28px;height:16px;position:relative}.wallpaper-rotation-row input:after{content:"";background:oklch(99% .005 255);border-radius:50%;width:12px;transition:transform .15s ease-out;position:absolute;inset:2px auto 2px 2px;box-shadow:0 1px 3px oklch(20% .01 260/.2)}.wallpaper-rotation-row input:checked{background:oklch(55% .18 255)}.wallpaper-rotation-row input:checked:after{transform:translate(12px)}.wallpaper-rotation-row select{font:inherit;border:1px solid var(--line);background:var(--surface-alt);color:var(--text);border-radius:5px;padding:4px 7px;font-size:11px}.wallpaper-rotation p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.6}.wallpaper-feedback{min-height:18px;color:var(--muted);margin:8px 0 17px;font-size:10px;line-height:1.6}.wallpaper-feedback.error{color:var(--accent)}.wallpaper-feedback .text-button{font-size:inherit;margin-left:8px}.wallpaper-gallery-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.wallpaper-gallery-heading h2{margin:0}.wallpaper-gallery-heading h2 span{color:var(--muted);margin-left:5px;font-size:11px;font-weight:400}.wallpaper-gallery-heading .button{padding:5px 8px;font-size:11px}.wallpaper-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 14px;display:grid}.wallpaper-tile{text-align:left;width:100%;min-width:0;padding:0;display:block}.wallpaper-thumbnail{aspect-ratio:1.65;background:var(--surface-hover);border-radius:7px;display:block;position:relative}.wallpaper-thumbnail>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.wallpaper-tile.chosen .wallpaper-thumbnail{outline-offset:2px;outline:3px solid oklch(58% .18 255)}.wallpaper-check{color:oklch(99% .005 255);background:oklch(55% .18 255);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:5px;right:5px}.wallpaper-tile-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:11px;display:block;overflow:hidden}.wallpaper-tile:disabled{opacity:1;cursor:default}.wallpaper-library-item{min-width:0;position:relative}.wallpaper-library-item .wallpaper-tile-name{padding-right:22px}.wallpaper-delete{color:var(--muted);border-radius:4px;padding:5px;position:absolute;bottom:-5px;right:-4px}.wallpaper-delete:hover{background:var(--surface-hover);color:var(--accent)}.wallpaper-gallery-note{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.6}.wallpaper-delete-confirm{border:1px solid var(--line);background:var(--surface);border-radius:7px;margin-top:14px;padding:12px;font-size:11px;line-height:1.6}.wallpaper-delete-confirm>div{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.settings-volume{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:12px;padding:16px;display:flex}.settings-volume input{flex:1}.settings-volume>span{text-align:right;min-width:30px;font-size:11px}.settings-note{color:var(--muted);align-items:center;gap:7px;font-size:10px;line-height:1.7;display:flex}.settings-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:20px;padding-top:17px;font-size:10px;display:flex}.settings-footer strong{font-weight:500}.control-center{width:300px;color:var(--text);background:var(--chrome);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--shadow);border-radius:13px;padding:15px;position:absolute;top:35px;right:-10px}.control-center h3{margin:0 0 13px 2px;font-size:12px}.control-center>.control-theme{background:var(--surface);border-radius:9px;justify-content:flex-start;gap:12px;width:100%;height:65px;display:flex}.control-theme>span{background:var(--surface-hover);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.control-theme>div{text-align:left;flex:1}.control-theme strong{font-size:11px;display:block}.control-theme small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.control-volume{background:var(--surface);border-radius:9px;margin-top:10px;padding:12px}.control-volume>strong{font-size:11px}.control-volume>label{align-items:center;gap:10px;margin-top:15px;display:flex}.control-volume input{flex:1}.control-player{background:var(--surface);border-radius:9px;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.control-player .artwork{width:36px;height:36px}.control-player>div{flex:1;min-width:0}.control-player strong,.control-player small{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.control-player small{color:var(--muted);margin-top:5px}.control-player .icon-button{width:24px;padding:0}.control-center .control-settings{width:100%;height:23px;color:var(--muted);justify-content:space-between;margin-top:11px;padding:0 2px;font-size:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.failure-screen{background:var(--surface-alt);flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100dvh;display:flex}.failure-screen>svg{color:var(--accent)}.failure-screen h1{font-size:22px}.failure-screen p{color:var(--muted);font-size:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lock-screen{color:oklch(98% .005 280);-webkit-user-select:none;user-select:none;min-height:460px}.lock-screen:after{background:linear-gradient(oklch(18% .025 280/.08),#0000 45%,oklch(16% .02 280/.2))}.lock-clock{text-align:center;pointer-events:none;text-shadow:0 2px 18px oklch(16% .02 280/.18);width:100%;position:absolute;top:9%;left:0}.lock-clock p{letter-spacing:.3px;color:oklch(98% .005 280/.88);font-size:27px;font-weight:600}.lock-clock time{letter-spacing:-7px;font-variant-numeric:tabular-nums;color:oklch(98% .005 280/.72);-webkit-text-stroke:.6px oklch(99% .005 280/.28);margin-top:1px;font-size:148px;font-weight:650;line-height:1.08;display:block}.lock-access{flex-direction:column;align-items:center;gap:13px;width:min(360px,90vw);display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.login-card{flex-direction:column;align-items:center;width:100%;animation:.22s cubic-bezier(.16,1,.3,1) reveal-login;display:flex}.password-field{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:oklch(92% .009 280/.24);border:1px solid oklch(99% .005 280/.22);border-radius:20px;align-items:center;width:210px;padding:3px 4px 3px 13px;display:flex;box-shadow:0 1px 8px oklch(16% .02 280/.08)}.password-field:focus-within{outline-offset:2px;outline:2px solid oklch(99% .005 280/.26)}.password-field input{color:oklch(99% .005 280);background:0 0;border:0;outline:0;width:100%;min-width:0;height:26px;font-size:12px}.password-field input::placeholder{color:oklch(99% .005 280/.8)}.password-field button{background:oklch(99% .005 280/.2);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.login-message{text-align:center;color:oklch(99% .005 280/.9);text-shadow:0 1px 5px oklch(12% .01 280/.3);max-width:320px;min-height:20px;margin-top:10px;font-size:11px;line-height:1.7}.login-message [role=alert],.login-message[role=alert]{color:oklch(99% .005 280)}.lock-reveal{cursor:default;width:100%;height:100%;padding:0;position:absolute;inset:0}.lock-reveal:focus-visible{outline-offset:-6px}.guest-entry{text-align:center;color:oklch(99% .005 280/.85);text-shadow:0 1px 5px oklch(12% .01 280/.3);border-radius:18px;padding:8px 13px;font-size:11px;line-height:1.7}.guest-entry:hover{background:oklch(99% .005 280/.12)}.lock-screen button:focus-visible{outline-color:oklch(99% .005 280/.85)}@keyframes reveal-login{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (height<=600px){.lock-clock time{letter-spacing:-5px;font-size:112px}.lock-clock p{font-size:23px}}.collection-kind{background:var(--chrome);border-radius:8px;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 1px 6px #0000001f}.collection-filters{border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;flex-wrap:wrap;gap:3px;width:fit-content;margin-bottom:14px;padding:3px;display:flex}.collection-filters button{min-height:30px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:6px 13px;font-size:11px;display:flex}.collection-filters button:hover{color:var(--text);background:var(--surface-hover)}.collection-filters button[aria-pressed=true]{color:var(--accent);background:var(--surface);font-weight:600;box-shadow:0 1px 3px oklch(20% .015 280/.12)}.collection-count{color:var(--muted);margin:0 0 19px;font-size:11px}.track-list:not(.compact) .track-header,.track-list:not(.compact) .track-row{grid-template-columns:24px minmax(135px, 1fr) minmax(60px, .45fr) 118px 37px var(--track-actions-width,108px);gap:8px}.track-statistics{color:var(--muted);font-variant-numeric:tabular-nums;gap:9px;font-size:10px;display:flex}.track-statistics>span{align-items:center;gap:3px;display:flex}.track-actions button{opacity:.5}.track-actions button:disabled{opacity:.25}.compact .track-row{grid-template-columns:0 minmax(80px,1fr) 35px 54px}.compact .track-actions{width:54px}.compact .track-actions button:last-child{display:flex}.infinite-sentinel{height:35px;color:var(--muted);place-items:center;font-size:11px;display:grid}.list-end{text-align:center;color:var(--faint);padding:5px;font-size:10px}.library-notice{background:var(--accent-soft);align-items:center;gap:10px;padding:8px 15px;font-size:11px;display:flex}.library-notice>span{flex:1}.library-notice>button{color:var(--accent)}.directory-filters{flex-wrap:wrap;align-items:center;gap:12px;padding:0 0 23px;display:flex}.directory-search{background:var(--surface-alt);border:1px solid var(--line);min-width:120px;color:var(--muted);border-radius:7px;flex:1;align-items:center;gap:7px;padding:7px 10px;display:flex}.directory-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.directory-search:focus-within{outline:2px solid var(--accent)}.directory-body{align-items:flex-start;gap:18px;display:flex}.directory-groups{flex:1;min-width:0}.artist-group{margin-bottom:22px;scroll-margin-top:15px}.artist-group h2{background:var(--surface-alt);color:var(--muted);border-radius:5px;justify-content:space-between;margin-bottom:4px;padding:7px 12px;font-size:13px;display:flex}.artist-group h2 small{font-size:10px;font-weight:400}.artist-contact{border-bottom:1px solid var(--line);text-align:left;border-radius:5px;align-items:center;gap:14px;width:100%;min-height:74px;padding:10px 12px;display:flex}.artist-contact:hover{background:var(--surface-hover)}.artist-contact .artwork{border-radius:50%;width:48px;height:48px}.artist-contact>span:nth-child(2){flex:1;min-width:0}.artist-contact strong,.artist-contact small{display:block}.artist-contact strong{font-size:13px;font-weight:500}.artist-contact small{color:var(--muted);margin-top:6px;font-size:10px}.artist-contact .artist-track-count,.artist-contact>svg{color:var(--muted);font-size:11px}.alphabet-index{flex-direction:column;flex-shrink:0;align-items:center;width:40px;padding-top:4px;display:flex}.alphabet-index button{color:var(--accent);border-radius:4px;flex-shrink:0;width:24px;height:19px;font-size:10px;font-weight:600}.alphabet-index button:hover{background:var(--accent-soft)}.track-details{background:var(--surface-alt);border-left:1px solid var(--line);flex:0 0 260px;width:260px;padding:17px 20px;overflow-y:auto}.track-details>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.track-details h2{font-size:12px}.track-details>.artwork{aspect-ratio:1;border-radius:8px;width:100%;box-shadow:0 5px 14px #00000014}.track-details h3{overflow-wrap:anywhere;margin:18px 0 5px;font-size:17px;line-height:1.5}.track-details>p,.track-details>small{color:var(--muted);font-size:11px;line-height:1.7}.detail-track-controls{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.detail-track-controls .track-actions button{opacity:1}.detail-track-controls .track-actions button:last-child{display:none}.track-details dl{margin:0 0 18px}.track-details dl>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.track-details dt{color:var(--muted)}.track-details dd{font-variant-numeric:tabular-nums;margin:0}.transport-art-button{border-radius:6px;padding:0;display:flex}@container (width<=850px){.track-list:not(.compact) .track-header,.track-list:not(.compact) .track-row{grid-template-columns:22px minmax(135px, 1fr) 100px 36px var(--track-actions-width,108px)}.track-list:not(.compact) .track-artist{display:none}.track-statistics{gap:6px;font-size:9px}.track-details{z-index:5;position:absolute;top:53px;bottom:82px;right:0;box-shadow:-12px 0 30px #0000001f}}@container (width<=560px){.track-list:not(.compact) .track-header,.track-list:not(.compact) .track-row{grid-template-columns:20px minmax(120px, 1fr) 36px var(--track-actions-width,108px)}.track-list:not(.compact) .track-statistics{grid-area:2/2;padding-bottom:4px}.track-list:not(.compact) .track-header .track-statistics{display:none}.track-list:not(.compact) .track-duration{grid-area:1/3}.track-list:not(.compact) .track-actions{grid-area:1/4}}@container (width<=690px){.music-scroll{padding-left:22px;padding-right:22px}.featured-card{height:158px;padding:17px}.featured-card>.artwork{width:90px;height:107px}.featured-copy>strong{font-size:17px}.featured-copy .eyebrow{font-size:9px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:17px}.detail-heading>.artwork{width:135px;height:135px}.detail-heading h1{font-size:22px}.queue-panel{flex-basis:220px;width:220px}}@container (width<=560px){.library-status{display:none}.featured-grid{grid-template-columns:1fr}.featured-card:nth-child(2){display:none}.featured-card>.artwork{width:130px;height:130px}.featured-copy>strong{font-size:22px}.track-list.compact{grid-template-columns:1fr}.track-header,.track-row{grid-template-columns:20px minmax(90px,1fr) 40px 55px;gap:5px}.track-artist{display:none}.queue-panel{z-index:3;width:260px;position:absolute;top:53px;bottom:82px;right:0;box-shadow:-10px 0 30px oklch(10% .01 280/.08)}}@media (height<=760px){.sidebar-playlists{margin-top:14px}.music-wordmark{padding-bottom:14px}.search-input{margin-bottom:14px}.music-sidebar nav>button{height:31px}.sidebar-bottom{min-height:57px;padding-block:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dock-settings{margin-left:12px}.window-interacting iframe{pointer-events:none}.dock-settings:before{content:"";background:#ffffff40;width:1px;height:40px;position:absolute;top:7px;left:-12px}.guest-tracks{--track-actions-width:54px}.guest-tracks.compact .track-row{grid-template-columns:0 minmax(80px,1fr) 35px 27px}.guest-tracks.compact .track-actions{width:27px}[data-theme=dark] .settings-content{--accent:oklch(74% .13 250)}