.trackGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.trackCard{align-items:center;background:var(--color-panel);border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:background .14s ease}.trackCard:hover{background:var(--color-hover-surface)}.trackCardActive{background:var(--color-icon-chip-bg)}.trackArt{align-items:center;background:repeating-linear-gradient(135deg,var(--color-hover-surface) 0,var(--color-hover-surface) 6px,var(--color-panel) 6px,var(--color-panel) 12px);border-radius:10px;color:var(--color-text-muted);display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.trackArtImage{height:100%;object-fit:cover;width:100%}.trackArt:before{background:#00000073;content:"";inset:0;opacity:0;position:absolute;transition:opacity .12s ease}.trackCard:hover .trackArt:before,.trackCardActive .trackArt:before{opacity:1}.trackArtIcon,.trackArtPlayIcon{transition:opacity .12s ease}.trackArtPlayIcon{color:var(--color-text);opacity:0;position:absolute}.trackCard:hover .trackArtIcon,.trackCardActive .trackArtIcon{opacity:0}.trackCard:hover .trackArtPlayIcon,.trackCardActive .trackArtPlayIcon{opacity:1}.trackMeta{display:flex;flex-direction:column;min-width:0}.trackTitle{color:var(--color-text);font-size:14px;font-weight:600}.trackArtist,.trackTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackArtist{color:var(--color-text-muted);font-size:12px}.trackCardActive .trackArtist,.trackCardActive .trackTitle{color:var(--color-text)}.trackArtistLink{cursor:pointer}.trackArtistLink:hover{color:var(--color-text);text-decoration:underline}.trackCardMenuButton{align-items:center;background:none;border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;opacity:0;transition:opacity .14s ease,background .14s ease,color .14s ease;width:28px}.trackCard:hover .trackCardMenuButton,.trackCardMenuButton:focus-visible{opacity:1}.trackCardMenuButton:hover{background:var(--color-hover-surface);color:var(--color-text)}.trackListEmpty{color:var(--color-text-muted);font-family:var(--font-body);padding:24px 0}.trackMenu{background:var(--color-panel);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;max-width:260px;min-width:220px;padding:6px;position:fixed;z-index:1000}.trackMenuLabel{color:var(--color-text-muted);font-size:11px;letter-spacing:.06em;padding:8px 10px 4px;text-transform:uppercase}.trackMenuList{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.trackMenuItem{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-body);font-size:13px;gap:10px;padding:8px 10px;text-align:left;width:100%}.trackMenuItem:hover:not(:disabled){background:var(--color-hover-surface)}.trackMenuItem:disabled{cursor:not-allowed;opacity:.5}.trackMenuItemLabel{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackMenuAdded{color:var(--color-success);flex-shrink:0;font-size:11px}.trackMenuItemDanger{color:var(--color-error)}.trackMenuDivider{background:var(--color-border);height:1px;margin:6px 4px}.trackMenuEmpty{color:var(--color-text-muted);font-size:12px;padding:8px 10px}.trackMenuNewForm{padding:4px 6px 6px}.trackMenuNewInput{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:13px;padding:7px 10px;width:100%}.trackMenuNewInput:focus{border-color:var(--color-primary);outline:none}.trackInfoOverlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.trackInfoPanel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:calc(100vw - 32px);padding:24px;position:relative;width:320px}.trackInfoClose{background:none;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;padding:4px;position:absolute;right:12px;top:12px}.trackInfoClose:hover{background:var(--color-hover-surface);color:var(--color-text)}.trackInfoTitle{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 16px}.trackInfoRows{display:flex;flex-direction:column;gap:10px}.trackInfoRow{display:flex;font-size:13px;gap:12px;justify-content:space-between}.trackInfoLabel{color:var(--color-text-muted);flex-shrink:0}.trackInfoValue{color:var(--color-text);text-align:right;word-break:break-word}.homeHeader{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:28px 32px 16px}.homeHeaderText{display:flex;flex-direction:column;gap:4px}.homeHeaderEyebrow{color:var(--color-text-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.homeHeaderTitle{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.015em;margin:0}.homeSearch{align-items:center;background:var(--color-panel);border:1.5px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);display:flex;gap:10px;min-width:260px;padding:10px 16px}.homeSearch:focus-within{border-color:var(--color-primary)}.homeSearch input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-family:var(--font-body);font-size:14px;outline:none}.homeSearch input::placeholder{color:var(--color-text-muted)}@media (max-width:1099px){.homeHeader,.libraryHeader{padding:24px 24px 14px}}@media (max-width:719px){.homeHeader{align-items:stretch;flex-direction:column;gap:12px;padding:16px 16px 12px}.homeSearch{min-width:0;width:100%}.libraryHeader{padding:16px 16px 12px}.homeHeaderTitle,.libraryHeaderTitle{font-size:22px}}.cardGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gridCard{cursor:pointer;display:flex;flex-direction:column;gap:10px}.gridCardArt{aspect-ratio:1;background:repeating-linear-gradient(135deg,var(--color-hover-surface) 0,var(--color-hover-surface) 10px,var(--color-panel) 10px,var(--color-panel) 20px);border-radius:12px;color:var(--color-text-muted);overflow:hidden;position:relative;width:100%}.gridCardArt,.gridCardPlayButton{align-items:center;display:flex;justify-content:center}.gridCardPlayButton{background:var(--color-primary);border:none;border-radius:999px;bottom:8px;box-shadow:0 4px 12px #00000059;color:var(--color-text);cursor:pointer;height:36px;opacity:0;position:absolute;right:8px;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease,background .16s ease;width:36px}.gridCard:hover .gridCardPlayButton,.gridCardPlayButton:focus-visible{opacity:1;transform:translateY(0)}.gridCardArtCircle .gridCardPlayButton{bottom:50%;right:50%;transform:translate(50%,50%) translateY(4px)}.gridCard:hover .gridCardArtCircle .gridCardPlayButton,.gridCardArtCircle .gridCardPlayButton:focus-visible{transform:translate(50%,50%)}.gridCardPlayButtonVisible{opacity:1;transform:translateY(0)}.gridCardArtCircle .gridCardPlayButtonVisible{transform:translate(50%,50%)}.gridCardPlayButton:hover{background:var(--color-primary-hover)}.gridCardArt img{height:100%;object-fit:cover;width:100%}.gridCardArtCircle{border-radius:999px}.gridCardMeta{display:flex;flex-direction:column;min-width:0;transform:translateZ(0);will-change:transform}.gridCardArtCircle~.gridCardMeta{align-items:center;text-align:center}.gridCardTitle{color:var(--color-text);font-size:14px;font-weight:600}.gridCardSubtitle,.gridCardTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gridCardSubtitle{color:var(--color-text-muted);font-size:12px}.gridCardArtistLink{cursor:pointer}.gridCardArtistLink:hover{color:var(--color-text);text-decoration:underline}.gridCardMuted{color:var(--color-text-muted);font-size:11px}.detailHeroWrapper{height:640px;position:relative}.detailHeroBackdrop{background-position:center 30%;background-size:cover;height:960px;left:-32px;position:absolute;right:-32px;top:-160px;will-change:transform;z-index:0}.detailHeroBackdrop:after{background:linear-gradient(to bottom,#00000026 0,var(--color-canvas) 100%);content:"";inset:0;position:absolute}.detailHeroWrapper .detailHero{bottom:0;left:0;position:absolute;right:0;z-index:1}.detailHero{align-items:flex-end;display:flex;gap:24px;padding:32px 32px 24px}.albumStickyBar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--color-canvas) 88%,#0000);border-bottom:1px solid var(--color-border);display:flex;gap:12px;margin:-24px -32px 12px;padding:10px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.albumStickyArt{align-items:center;background:var(--color-hover-surface);border-radius:8px;color:var(--color-text-muted);display:flex;flex:none;height:40px;justify-content:center;overflow:hidden;width:40px}.albumStickyArt img{display:block;height:100%;object-fit:cover;width:100%}.albumStickyMeta{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.albumStickyTitle{font-family:var(--font-display);font-size:15px}.albumStickySub,.albumStickyTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.albumStickySub{color:var(--color-text-muted);font-size:12px}.albumStickyPlay{align-items:center;background:var(--color-primary);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;display:inline-flex;flex:none;font-family:var(--font-body);font-size:12.5px;font-weight:600;gap:7px;padding:7px 16px;transition:background .16s ease}.albumStickyPlay:hover{background:var(--color-primary-hover)}.detailHeroArt{align-items:center;background:repeating-linear-gradient(135deg,var(--color-hover-surface) 0,var(--color-hover-surface) 10px,var(--color-panel) 10px,var(--color-panel) 20px);border-radius:16px;color:var(--color-text-muted);display:flex;flex-shrink:0;height:180px;justify-content:center;overflow:hidden;width:180px}.detailHeroArt img{height:100%;object-fit:cover;width:100%}.detailHeroArtCircle{border-radius:999px}.detailHeroMeta{display:flex;flex-direction:column;gap:6px;padding-bottom:8px}.detailHeroKicker{color:var(--color-text-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.detailHeroTitle{font-family:var(--font-display);font-size:36px;font-weight:400;letter-spacing:-.015em;margin:0}.detailHeroSub,.detailHeroSubLink{color:var(--color-text);font-size:15px}.detailHeroSubLink{align-self:flex-start;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-align:left}.detailHeroSubLink:hover{text-decoration:underline}.detailHeroMuted{color:var(--color-text-muted);font-size:13px}.detailGenres{display:block}.detailGenresMore{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.detailGenresMore:hover{text-decoration:underline}.detailPlayButton{align-items:center;align-self:flex-start;background:var(--color-primary);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:14px;gap:8px;padding:10px 20px;transition:background .16s ease}.detailPlayButton:hover{background:var(--color-primary-hover)}.detailHeroActions{align-items:center;display:flex;gap:10px;margin-top:14px}.detailHeroActions .detailPlayButton{margin-top:0}.detailIconButton{align-items:center;background:var(--color-hover-surface);border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:flex;height:38px;justify-content:center;transition:background .14s ease,color .14s ease;width:38px}.detailIconButton:hover{color:var(--color-text)}.detailIconButtonActive{color:var(--color-primary)}.detailPillButton{align-items:center;background:#0000;border:1.5px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:600;gap:7px;padding:9px 16px;transition:background .14s ease,color .14s ease,border-color .14s ease}.detailHeroActions .detailPillButton{margin-top:0}.detailPillButton:hover{background:var(--color-hover-surface);border-color:var(--color-text-muted);color:var(--color-text)}.detailPillButtonActive{border-color:var(--color-primary);color:var(--color-primary)}.detailDiscHeader{align-items:center;color:var(--color-text-muted);display:flex;font-size:12.5px;font-weight:700;gap:10px;letter-spacing:.06em;padding:18px 12px 6px;text-transform:uppercase}.detailDiscHeaderActions{align-items:center;display:flex;gap:4px}.detailDiscHeaderButton{align-items:center;background:none;border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:flex;height:26px;justify-content:center;width:26px}.detailDiscHeaderButton:hover{background:var(--color-hover-surface);color:var(--color-text)}.detailDiscHeaderButtonActive{color:var(--color-primary)}.detailTrackList{display:flex;flex-direction:column;padding:0 32px}.detailTrackRow{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:16px;padding:10px 12px}.detailTrackRow:hover{background:var(--color-hover-surface)}.detailTrackRowActive{background:var(--color-icon-chip-bg)}.detailTrackNumber{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;font-size:13px;height:20px;justify-content:center;position:relative;width:20px}.detailTrackNumberDigit,.detailTrackNumberPlayIcon{transition:opacity .12s ease}.detailTrackNumberPlayIcon{color:var(--color-text);opacity:0;position:absolute}.detailTrackRow:hover .detailTrackNumberDigit,.detailTrackRowActive .detailTrackNumberDigit{opacity:0}.detailTrackRow:hover .detailTrackNumberPlayIcon,.detailTrackRowActive .detailTrackNumberPlayIcon{opacity:1}.detailTrackTitle{color:var(--color-text);flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detailTrackRowActive .detailTrackTitle{color:var(--color-text);font-weight:600}.detailTrackDuration{color:var(--color-text-muted);flex-shrink:0;font-size:13px}.detailTrackMenuButton{align-items:center;background:none;border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;transition:opacity .14s ease,background .14s ease,color .14s ease;width:28px}.detailTrackMenuButton:focus-visible,.detailTrackRow:hover .detailTrackMenuButton{opacity:1}.detailTrackMenuButton:hover{background:var(--color-hover-surface);color:var(--color-text)}.detailRelated{padding:24px 32px 8px}.detailRelatedTitle{font-family:var(--font-display);font-size:18px;font-weight:400;margin:0 0 16px}.detailRelatedHeader{align-items:center;display:flex;gap:16px;justify-content:space-between}.detailRelatedHeader .detailRelatedTitle{margin:0}.detailSortSelect{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:12px;padding:6px 10px}.detailSortSelect:focus,.detailSortSelect:hover{border-color:var(--color-primary);outline:none}.detailPlayButtonSmall{font-size:12px;margin-bottom:16px;margin-top:0;padding:6px 16px}.detailTrackArtists{color:var(--color-text-muted);font-size:12px;font-weight:400;margin-left:8px}@media (max-width:1099px){.detailHeroWrapper{height:520px}.detailHeroBackdrop{height:780px;top:-130px}.detailHeroTitle{font-size:30px}}@media (max-width:719px){.detailHeroWrapper{height:460px}.detailHeroBackdrop{height:690px;left:-16px;right:-16px;top:-115px}.detailHero{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 16px 20px}.detailHeroArt{height:128px;margin:0 auto;width:128px}.detailHeroArtCircle{margin:0 auto}.detailHeroMeta{align-items:center;text-align:center;width:100%}.detailHeroActions,.detailHeroMeta .detailHeroSubLink,.detailHeroMeta .detailPlayButton{align-self:center}.detailHeroTitle{font-size:24px;text-align:center}.detailHeroActions{flex-wrap:wrap;justify-content:center}.albumStickyBar{margin:-16px -16px 12px;padding:10px 16px}.detailTrackList{padding:0 16px}.detailTrackRow{gap:10px}.detailTrackArtists{display:none}.detailRelated{padding:16px 16px 8px}}.homeDashboard{display:flex;flex-direction:column}.homeSectionLink{color:var(--color-text-muted);cursor:pointer;font-size:13px;transition:color .14s ease}.homeSectionLink:hover{color:var(--color-text)}.homeArtistGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.homeResumeCard{align-items:center;background:var(--color-panel);border:1.5px solid var(--color-border);border-radius:14px;cursor:pointer;display:flex;gap:16px;max-width:520px;padding:14px 16px;transition:border-color .14s ease}.homeResumeCard:hover{border-color:var(--color-primary)}.homeResumeArt{align-items:center;background:repeating-linear-gradient(135deg,var(--color-hover-surface) 0,var(--color-hover-surface) 10px,var(--color-panel) 10px,var(--color-panel) 20px);border-radius:10px;color:var(--color-text-muted);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.homeResumeArt img{height:100%;object-fit:cover;width:100%}.homeResumeMeta{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.homeResumeTitle{color:var(--color-text);font-size:14px;font-weight:600}.homeResumeSubtitle,.homeResumeTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeResumeSubtitle{color:var(--color-text-muted);font-size:12.5px}.homeResumeProgress{background:var(--color-hover-surface);border-radius:999px;height:4px;margin-top:2px;overflow:hidden;width:100%}.homeResumeProgressFill{background:var(--color-primary);border-radius:999px;height:100%}.homeResumeMuted{color:var(--color-text-muted);font-size:11.5px}.homeResumePlayButton{align-items:center;background:var(--color-primary);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .14s ease;width:40px}.homeResumePlayButton:hover{background:var(--color-primary-hover)}.libraryHeader{display:flex;flex-direction:column;gap:4px;padding:28px 32px 16px}.libraryHeaderEyebrow{color:var(--color-text-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.libraryHeaderTitle{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.015em;margin:0}.paginationBar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px 0 8px}.paginationButton{background:none;border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:8px;color:inherit;cursor:pointer;font-size:.9rem;padding:6px 14px}.paginationButton:disabled{cursor:default;opacity:.4}.paginationButton:not(:disabled):hover{border-color:#888;border-color:var(--accent-color,#888)}.paginationStatus{font-size:.9rem;min-width:96px;opacity:.75;text-align:center}.paginationPerPage{align-items:center;display:flex;font-size:.85rem;gap:6px;opacity:.85}.paginationPerPage select{background:#1c1c1c;background:var(--card-bg,#1c1c1c);border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:6px;color:inherit;padding:4px 6px}.filterBar{flex-wrap:wrap;gap:10px;margin-bottom:28px;padding:12px 0 4px}.filterBar,.filterBarSearch{align-items:center;display:flex}.filterBarSearch{position:relative}.filterBarSearchIcon{color:var(--color-text-muted);left:10px;pointer-events:none;position:absolute}.filterBarInput{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:13px;min-width:200px;padding:7px 30px 7px 32px}.filterBarInput:focus{border-color:var(--color-primary);outline:none}.filterBarClearQ,.filterBarInput::placeholder{color:var(--color-text-muted)}.filterBarClearQ{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;padding:2px;position:absolute;right:6px}.filterBarClearQ:hover{color:var(--color-text)}.filterBarOrder,.filterBarReset,.filterBarSelect{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:13px;padding:7px 10px}.filterBarOrder:hover,.filterBarReset:hover,.filterBarSelect:hover{background:var(--color-hover-surface);border-color:var(--color-primary)}.filterBarOrder:focus,.filterBarReset:focus,.filterBarSelect:focus{border-color:var(--color-primary);outline:none}.filterBarOrder{align-items:center;display:flex;justify-content:center}.filterBarOrder,.filterBarReset{color:var(--color-text-secondary)}.filterBarCount{color:var(--color-text-muted);font-size:12px;margin-left:auto;white-space:nowrap}.filterBarMulti{position:relative}.filterBarMultiTrigger{align-items:center;background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;gap:6px;height:36px;padding:0 12px}.filterBarMultiTrigger:hover{background:var(--color-hover-surface);border-color:var(--color-primary)}.filterBarMultiActive{border-color:var(--color-primary);color:var(--color-text)}.filterBarMultiMenu{background:var(--color-panel);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px var(--color-canvas);left:0;max-height:280px;min-width:220px;overflow-y:auto;padding:6px;position:absolute;top:calc(100% + 4px);z-index:30}.filterBarMultiSearch{margin-bottom:4px;position:relative}.filterBarMultiSearchInput{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:var(--font-body);font-size:13px;padding:6px 8px 6px 28px;width:100%}.filterBarMultiSearchInput:focus{border-color:var(--color-primary);outline:none}.filterBarMultiSearchIcon,.filterBarMultiSearchInput::placeholder{color:var(--color-text-muted)}.filterBarMultiSearchIcon{left:8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filterBarMultiEmpty{color:var(--color-text-muted);font-size:13px;padding:6px 8px}.filterBarMultiClear{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;margin-bottom:4px;padding:6px 8px;width:100%}.filterBarMultiClear:hover{background:var(--color-hover-surface);color:var(--color-text)}.filterBarMultiOption{align-items:center;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 8px;-webkit-user-select:none;user-select:none}.filterBarMultiOption:hover{background:var(--color-hover-surface)}.filterBarMultiOption input{accent-color:var(--color-primary)}.inlinePicker{padding-top:4px}.inlinePickerStatus{color:var(--color-text-muted);font-size:13px;padding:12px 0}.inlinePickerStatusError{color:var(--color-error)}.inlinePickerGroup+.inlinePickerGroup{margin-top:16px}.inlinePickerGroupLabel{color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.inlinePickerList{display:flex;flex-direction:column;gap:4px}.inlinePickerRow{align-items:flex-start;background:var(--color-canvas);border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-body);gap:2px;padding:10px 12px;text-align:left;width:100%}.inlinePickerRow:hover{border-color:var(--color-primary)}.inlinePickerRow:disabled{cursor:not-allowed;opacity:.6}.inlinePickerRowLabel{color:var(--color-text);font-size:14px}.inlinePickerRowSublabel{color:var(--color-text-muted);font-size:12px}.inlinePickerRowApplying{color:var(--color-primary);font-size:12px}.inlinePickerGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.inlinePickerTile{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:6px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.inlinePickerTile:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 4px 12px #00000059;transform:translateY(-2px)}.inlinePickerTile:active:not(:disabled){transform:translateY(0)}@media (prefers-reduced-motion:reduce){.inlinePickerTile{transition:border-color .14s ease}.inlinePickerTile:active:not(:disabled),.inlinePickerTile:hover:not(:disabled){transform:none}}.inlinePickerTileSelected,.inlinePickerTileSelected:hover:not(:disabled){border-color:var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary),0 0 0 1px var(--color-primary)}.inlinePickerTile:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.inlinePickerTile:disabled{cursor:not-allowed;opacity:.6}.inlinePickerTileSelected:disabled{opacity:.85}.inlinePickerTileImg{aspect-ratio:1;border-radius:6px;object-fit:cover;width:100%}.inlinePickerTilePlaceholder{align-items:center;aspect-ratio:1;background:var(--color-hover-surface);border-radius:6px;color:var(--color-text-muted);display:flex;justify-content:center;width:100%}.inlinePickerTileLabel{color:var(--color-text-muted);font-size:11px;text-align:center}.fieldEditor{display:flex;flex-direction:column;gap:8px;width:100%}.fieldEditorChips{display:flex;flex-wrap:wrap;gap:6px}.fieldEditorChip{align-items:center;background:#232323;background:var(--surface-raised,#232323);border:1px solid #333;border:1px solid var(--border,#333);border-radius:999px;display:inline-flex;font-size:12.5px;gap:5px;padding:3px 8px 3px 10px}.fieldEditorChipRemove{align-items:center;border-radius:50%;color:inherit;display:inline-flex;height:16px;justify-content:center;opacity:.65;width:16px}.fieldEditorChipRemove:hover{background:#ffffff14;opacity:1}.fieldEditorEmpty{font-size:12.5px;opacity:.5}.fieldEditorAddRow{display:flex;gap:6px}.fieldEditorInput{background:#1a1a1a;background:var(--surface-base,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;color:inherit;flex:1 1;font-size:13px;padding:6px 10px}.fieldEditorInput:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6);outline:none}.fieldEditorAddButton{align-items:center;background:#232323;background:var(--surface-raised,#232323);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;color:inherit;display:inline-flex;justify-content:center;width:32px}.fieldEditorAddButton:disabled{opacity:.4}.fieldEditorList{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.fieldEditorRow{align-items:center;background:#1a1a1a;background:var(--surface-base,#1a1a1a);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;display:flex;gap:8px;padding:5px 8px}.fieldEditorRank{border:1px solid #333;border:1px solid var(--border,#333);border-radius:999px;flex-shrink:0;font-size:11px;min-width:40px;opacity:.8;padding:1px 6px;text-align:center}.fieldEditorRankMain{border-color:#3b82f6;border-color:var(--accent,#3b82f6);color:#3b82f6;color:var(--accent,#3b82f6);opacity:1}.fieldEditorName{flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fieldEditorRowActions{display:flex;gap:2px}.fieldEditorIconButton{align-items:center;border-radius:6px;color:inherit;display:inline-flex;height:24px;justify-content:center;opacity:.7;width:24px}.fieldEditorIconButton:hover:not(:disabled){background:#ffffff14;opacity:1}.fieldEditorIconButton:disabled{cursor:default;opacity:.25}.fieldEditorHint{font-size:11.5px;opacity:.55}.errorToast{background:var(--color-canvas);border:1px solid #b3453f;border:1px solid var(--color-danger,#b3453f);border-left-width:3px;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:10px 12px}.errorToastHeader{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.errorToastTitle{color:var(--color-text);font-size:13px;font-weight:600}.errorToastClose{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px}.errorToastClose:hover{background:var(--color-hover-surface);color:var(--color-text)}.errorToastHint,.errorToastSteps{color:var(--color-text-muted);font-size:12px;line-height:1.45}.errorToastHint{color:var(--color-text)}.errorToastDetailWrap{position:relative}.errorToastDetail{background:var(--color-hover-surface);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;margin:0;max-height:140px;overflow:auto;overflow-wrap:anywhere;padding:8px 60px 8px 8px;-webkit-user-select:text;user-select:text;white-space:pre-wrap}.errorToastCopy,.errorToastDetail{color:var(--color-text-muted);font-size:11px}.errorToastCopy{align-items:center;background:var(--color-canvas);border:1px solid var(--color-border);border-radius:5px;cursor:pointer;display:inline-flex;gap:4px;padding:3px 7px;position:absolute;right:6px;top:6px}.errorToastCopy:hover{border-color:var(--color-primary);color:var(--color-text)}.editModalOverlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.editModalPanel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:28px;box-shadow:0 20px 60px #00000080;height:100%;max-height:780px;max-width:calc(100vw - 32px);overflow-y:auto;padding:32px;position:relative;width:1140px}.editModalImageSection{align-items:center;display:flex;gap:16px;margin-bottom:16px}.editModalImagePreview{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:12px;flex:none;height:128px;overflow:hidden;position:relative;width:128px}.editModalImagePreview img{display:block;height:100%;object-fit:cover;width:100%}.editModalImagePlaceholder{align-items:center;color:var(--color-text-muted);display:flex;height:100%;justify-content:center;width:100%}.editModalImagePreviewLarge{height:160px;width:160px}.editModalImageKind{background:#0000008c;bottom:0;color:var(--color-text);font-size:10.5px;left:0;padding:3px 0;position:absolute;right:0;text-align:center}.editModalImageStrip{display:flex;flex-wrap:wrap;gap:8px}.editModalImageThumb{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;height:56px;overflow:hidden;padding:0;width:56px}.editModalImageThumb:hover{border-color:var(--color-primary)}.editModalImageThumb img{display:block;height:100%;object-fit:cover;width:100%}.editModalClose{background:none;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;padding:4px;position:absolute;right:12px;top:12px}.editModalClose:hover{background:var(--color-hover-surface);color:var(--color-text)}.editModalTitle{color:var(--color-text);font-size:16px;font-weight:600;margin:0 0 16px}.editModalFields{gap:14px}.editModalField,.editModalFields{display:flex;flex-direction:column}.editModalField{gap:6px}.editModalLabel{color:var(--color-text-muted);font-size:12px}.editModalInput,.editModalTextarea{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:14px;padding:9px 12px}.editModalTextarea{min-height:72px;resize:vertical}.editModalInput:focus,.editModalTextarea:focus{border-color:var(--color-primary);outline:none}.editModalError{color:var(--color-error);font-size:12.5px}.editModalTabRow{border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-bottom:12px}.editModalTabButton{background:none;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:12.5px;padding:7px 12px}.editModalTabButton:hover:not(:disabled){background:var(--color-hover-surface);border-color:var(--color-primary);color:var(--color-text)}.editModalTabButton:disabled{cursor:not-allowed;opacity:.5}.editModalTabButtonActive{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text)}.editModalTabButtonActive:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-text)}.editModalTabContent{margin-top:14px}.editModalUploadRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.editModalUploadButton{background:none;border:1px dashed var(--color-border);border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:12.5px;padding:7px 12px}.editModalUploadButton:hover:not(:disabled){background:var(--color-hover-surface);border-color:var(--color-primary);color:var(--color-text)}.editModalUploadButton:disabled{cursor:not-allowed;opacity:.6}.editModalUploadHint{color:var(--color-text-muted);font-size:11.5px}.editModalRefreshPanel{align-items:center;display:flex;gap:12px}.editModalMuted{color:var(--color-text-muted);font-size:13px}.editModalActions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.editModalCancel{background:none;border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:13px;padding:9px 14px}.editModalCancel:hover{background:var(--color-hover-surface);color:var(--color-text)}.editModalSave{background:var(--color-primary);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;padding:9px 18px}.editModalSave:hover{background:var(--color-primary-hover)}.editModalSave:disabled{cursor:not-allowed;opacity:.6}.playlistsHeaderRow{align-items:center;display:flex;gap:16px;justify-content:space-between;padding-right:32px}.newPlaylistButton{align-items:center;background:var(--color-primary);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:13px;gap:6px;padding:10px 18px;transition:background .16s ease}.newPlaylistButton:hover{background:var(--color-primary-hover)}.newPlaylistForm{background:var(--color-panel);border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-width:360px;padding:16px}.newPlaylistForm,.newPlaylistInput{border:1px solid var(--color-border)}.newPlaylistInput{background:var(--color-canvas);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:14px;padding:9px 12px}.newPlaylistInput:focus{border-color:var(--color-primary);outline:none}.newPlaylistActions{display:flex;gap:8px;justify-content:flex-end}.newPlaylistCancel{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-body);font-size:13px;padding:8px 12px}.newPlaylistCancel:hover,.newPlaylistSubmit{color:var(--color-text)}.newPlaylistSubmit{background:var(--color-primary);border:none;border-radius:999px;cursor:pointer;font-family:var(--font-display);font-size:13px;padding:8px 16px;transition:background .16s ease}.newPlaylistSubmit:hover:not(:disabled){background:var(--color-primary-hover)}.newPlaylistSubmit:disabled{cursor:not-allowed;opacity:.45}@media (max-width:719px){.playlistsHeaderRow{flex-wrap:wrap;padding-right:16px}.newPlaylistButton{font-size:12px;padding:8px 14px}}.playlistHeroActions{align-items:center;display:flex;gap:8px;margin-top:8px}.playlistHeroIconButton{align-items:center;background:none;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;gap:6px;padding:8px 14px;transition:color .16s ease,border-color .16s ease}.playlistHeroIconButton:hover{border-color:var(--color-text-muted);color:var(--color-text)}.playlistHeroIconButtonDanger:hover{border-color:var(--color-error);color:var(--color-error)}.playlistSection{padding:24px 32px 8px}.playlistSectionTitle{font-family:var(--font-display);font-size:18px;font-weight:400;margin:0 0 12px}.playlistTrackList{display:flex;flex-direction:column}.playlistTrackRow{align-items:center;border-radius:10px;display:flex;gap:16px;padding:10px 12px}.playlistTrackRow:hover{background:var(--color-hover-surface)}.playlistTrackRowActive{background:var(--color-icon-chip-bg)}.playlistTrackPlayIcon{align-items:center;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;width:16px}.playlistTrackRow:hover .playlistTrackPlayIcon,.playlistTrackRowActive .playlistTrackPlayIcon{color:var(--color-text)}.playlistTrackMeta{cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:0}.playlistTrackTitle{color:var(--color-text);font-size:14px}.playlistTrackArtist,.playlistTrackTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlistTrackArtist{color:var(--color-text-muted);font-size:12px}.playlistTrackActions{align-items:center;display:flex;flex-shrink:0;gap:2px}.playlistTrackIconButton{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px}.playlistTrackIconButton:hover:not(:disabled){color:var(--color-text)}.playlistTrackIconButton:disabled{cursor:not-allowed;opacity:.3}.playlistPickerSearch{background:var(--color-canvas);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:14px;margin-bottom:12px;max-width:360px;padding:9px 12px;width:100%}.playlistPickerSearch:focus{border-color:var(--color-primary);outline:none}.playlistPickerList{border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;max-height:280px;overflow-y:auto}.playlistPickerRow{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.playlistPickerRow:hover{background:var(--color-hover-surface)}.playlistPickerMeta{display:flex;flex-direction:column;min-width:0}.playlistPickerTitle{color:var(--color-text);font-size:13px}.playlistPickerArtist,.playlistPickerTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlistPickerArtist{color:var(--color-text-muted);font-size:11px}.playlistPickerAddButton{align-items:center;background:var(--color-icon-chip-bg);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.playlistPickerAddButton:hover{background:var(--color-primary)}@media (max-width:719px){.playlistSection{padding:16px 16px 8px}.playlistHeroActions{flex-wrap:wrap}.playlistTrackRow{gap:10px}}.authPage{align-items:center;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);justify-content:center;min-height:100vh;min-width:0;padding:24px}.authCard,.authPage{box-sizing:border-box;display:flex;width:100%}.authCard{background:var(--color-panel);border:1px solid var(--color-border);border-radius:24px;box-shadow:0 12px 32px #00000059;flex-direction:column;gap:16px;max-width:400px;padding:40px}@media (max-width:719px){.authCard{border-radius:18px;padding:24px 20px}}.authTitle{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.015em;margin:0}.authSubtitle{color:var(--color-text-muted);font-size:14px;margin:-12px 0 4px}.authField{display:flex;flex-direction:column;gap:6px}.authLabel{font-size:13px}.authInput,.authLabel{color:var(--color-text-muted)}.authInput{align-items:center;background:var(--color-canvas);border:1.5px solid var(--color-border);border-radius:999px;display:flex;gap:10px;padding:10px 16px;transition:border-color .14s ease}.authInput:focus-within{border-color:var(--color-primary)}.authInput.invalid{border-color:var(--color-error)}.authInput input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-family:var(--font-body);font-size:14px;outline:none}.authIconButton,.authInput input::placeholder{color:var(--color-text-muted)}.authIconButton{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.authIconButton:hover{color:var(--color-text)}.authError{color:var(--color-error);font-size:12px}.strengthMeter{align-items:center;display:flex;gap:8px;margin-top:2px}.strengthTrack{background:var(--color-border);border-radius:999px;flex:1 1;height:4px;overflow:hidden}.strengthFill{border-radius:999px;display:block;height:100%;transition:width .2s ease}.strengthLabel{font-size:12px;white-space:nowrap}.authRow{justify-content:space-between}.authCheckbox,.authRow{align-items:center;display:flex;font-size:13px}.authCheckbox{color:var(--color-text-muted);cursor:pointer;gap:8px}.authLink{color:var(--color-primary);cursor:pointer;text-decoration:none}.authLink:hover{color:var(--color-primary-hover)}.authLinkDecorative{color:var(--color-text-muted);cursor:default}.authFormError{background:#e07a6a1f;border:1px solid var(--color-error);border-radius:12px;color:var(--color-error);font-size:13px;padding:10px 14px}.authSubmit{align-items:center;background:var(--color-primary);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-display);font-size:14px;gap:8px;justify-content:center;padding:12px;transition:background .16s ease}.authSubmit:hover:not(:disabled){background:var(--color-primary-hover)}.authSubmit:disabled{cursor:not-allowed;opacity:.45}.authToggle{color:var(--color-text-muted);font-size:13px;margin:0;text-align:center}.avatarMenu{background:var(--color-panel);border:1.5px solid var(--color-hover-surface);border-radius:24px;box-shadow:0 18px 44px #14120f8c;display:flex;flex-direction:column;min-width:258px;padding:12px 8px 8px;position:fixed;z-index:1000}.avatarMenuHeader{align-items:center;display:flex;gap:13px;padding:6px 8px 14px}.avatarMenuAvatar{background:repeating-linear-gradient(135deg,var(--color-hover-surface) 0 6px,#3a3529 6px 12px);border-radius:999px;flex:none;height:44px;object-fit:cover;width:44px}.avatarMenuIdentity{display:flex;flex-direction:column;gap:2px;min-width:0}.avatarMenuName{color:var(--color-text);font-size:14.5px;font-weight:700}.avatarMenuHandle,.avatarMenuName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatarMenuHandle{color:var(--color-text-muted);font-size:12px}.avatarMenuDivider{background:var(--color-hover-surface);height:1.5px;margin:0 6px 8px}.avatarMenuItem{align-items:center;background:none;border:none;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13.5px;font-weight:600;gap:12px;padding:11px 14px;text-align:left;width:100%}.avatarMenuItem:hover{background:var(--color-hover-surface);color:var(--color-text)}.avatarMenuItemLabel{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatarMenuBadge{background:var(--color-icon-chip-bg);border-radius:999px;color:var(--color-primary-hover);font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 9px}.avatarMenuItemDanger{color:var(--color-error)}.avatarMenuItemDanger:hover{background:var(--color-hover-surface);color:var(--color-error)}.settingsSection{display:flex;flex-direction:column;gap:10px}.settingsSectionTitle{color:var(--color-text-muted);font-size:11.5px;font-weight:700;letter-spacing:.12em;padding:0 4px;text-transform:uppercase}.settingsSectionBody{display:flex;flex-direction:column;gap:8px}.settingsRow{align-items:center;background:var(--color-panel);border-radius:20px;display:flex;gap:20px;padding:15px 18px}.settingsRowText{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.settingsRowLabel{color:var(--color-text);font-size:14px;font-weight:600}.settingsRowDesc{color:var(--color-text-muted);font-size:12.5px;line-height:1.45}.settingsRowDescError{color:var(--color-error)}.settingsSavedNote{color:#7a8a5e;color:var(--color-success,#7a8a5e);font-size:12.5px;padding-right:8px;text-align:right}.settingsFoldersEmpty{color:#888;color:var(--color-text-muted,#888);font-size:13px;padding:10px 8px}.settingsToggleTrack{background:var(--color-hover-surface);border-radius:999px;cursor:pointer;display:flex;flex:none;height:27px;justify-content:flex-start;padding:3px;transition:background .16s ease;width:48px}.settingsToggleTrackOn{background:var(--color-primary);justify-content:flex-end}.settingsToggleKnob{background:var(--color-text-muted);border-radius:999px;height:21px;width:21px}.settingsToggleTrackOn .settingsToggleKnob{background:var(--color-canvas)}.settingsSegmented{background:var(--color-hover-surface);border-radius:999px;display:flex;flex:none;gap:4px;padding:4px}.settingsSegmentedOption{border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-size:12.5px;font-weight:700;padding:8px 15px;white-space:nowrap}.settingsSegmentedOptionActive{background:var(--color-primary);color:var(--color-canvas)}.settingsSlider{align-items:center;display:flex;flex:none;gap:14px;width:262px}.settingsSliderInput{accent-color:var(--color-primary);flex:1 1;min-width:0}.settingsSliderValue{color:var(--color-primary-hover);font-size:13px;font-weight:700;text-align:right;width:78px}.settingsTextField{align-items:center;background:var(--color-hover-surface);border-radius:999px;display:flex;flex:none;padding:11px 16px;width:262px}.settingsTextInput{background:#0000;border:none;color:var(--color-text);flex:1 1;font-family:var(--font-body);font-size:13.5px;min-width:0;outline:none}.settingsDisk{display:flex;flex:none;flex-direction:column;gap:7px;width:262px}.settingsDiskLabels{color:var(--color-text-secondary);display:flex;font-size:12.5px;font-weight:600;justify-content:space-between}.settingsDiskTrack{background:var(--color-hover-surface);border-radius:999px;height:6px;overflow:hidden}.settingsDiskBar{background:var(--color-primary);border-radius:999px;height:100%}.settingsAction{border-radius:999px;cursor:pointer;flex:none;font-size:13px;font-weight:700;padding:10px 20px;white-space:nowrap}.settingsAction-default{border:1.5px solid var(--color-border);color:var(--color-text)}.settingsAction-solid{background:var(--color-primary);color:var(--color-canvas)}.settingsAction-danger{border:1.5px solid var(--color-error);color:var(--color-error)}.settingsTableRow{align-items:center;background:var(--color-panel);border-radius:20px;display:flex;gap:16px;padding:14px 18px}.settingsTableIcon{align-items:center;background:var(--color-hover-surface);border-radius:999px;color:var(--color-primary-hover);display:flex;flex:none;height:38px;justify-content:center;width:38px}.settingsTableText{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.settingsTableMain{color:var(--color-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settingsTableSub{color:var(--color-text-muted);font-size:12.5px}.settingsTag{border-radius:999px;flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 11px}.settingsTag-blue{background:var(--color-icon-chip-bg);color:var(--color-primary-hover)}.settingsTag-sage{background:var(--color-success-bg);color:var(--color-success)}.settingsTag-muted{background:var(--color-hover-surface);color:var(--color-text-muted)}.settingsTableAction{border:1.5px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;flex:none;font-size:12.5px;font-weight:700;padding:8px 16px}@media (max-width:719px){.settingsRow{flex-wrap:wrap}}.settingsOverlay{align-items:center;background:#14120fbd;display:flex;inset:0;justify-content:center;padding:44px;position:fixed;z-index:1200}.settingsCard{background:var(--color-canvas);border-radius:28px;box-shadow:0 24px 60px #14120f80;color:var(--color-text);display:grid;grid-template-columns:264px minmax(0,1fr);height:100%;max-height:780px;max-width:1140px;overflow:hidden;width:100%}.settingsNav{background:var(--color-panel);display:flex;flex-direction:column;gap:22px;overflow-y:auto;padding:28px 18px}.settingsNavHeader{align-items:center;display:flex;gap:11px;padding:0 10px}.settingsNavIcon{align-items:center;background:var(--color-icon-chip-bg);border-radius:999px;color:var(--color-primary-hover);display:flex;flex:none;height:34px;justify-content:center;width:34px}.settingsNavTitle{font-family:var(--font-display);font-size:20px;font-weight:700}.settingsNavGroup{display:flex;flex-direction:column;gap:3px}.settingsNavGroupLabel{color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.12em;padding:0 14px 6px;text-transform:uppercase}.settingsNavItem{align-items:center;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:11px;padding:10px 14px;white-space:nowrap}.settingsNavItem:hover{background:var(--color-hover-surface);color:var(--color-text)}.settingsNavItemActive,.settingsNavItemActive:hover{background:var(--color-primary);color:var(--color-canvas);font-weight:700}.settingsContent{display:flex;flex-direction:column;min-width:0;overflow:hidden}.settingsContentHeader{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;padding:30px 32px 20px}.settingsContentHeaderText{display:flex;flex-direction:column;gap:5px;min-width:0}.settingsContentTitle{font-family:var(--font-display);font-size:27px;font-weight:700;line-height:1.12;margin:0}.settingsContentDesc{color:var(--color-text-muted);font-size:13.5px}.settingsCloseButton{align-items:center;background:var(--color-panel);border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:flex;flex:none;height:38px;justify-content:center;width:38px}.settingsCloseButton:hover{background:var(--color-hover-surface);color:var(--color-text)}.settingsContentBody{display:flex;flex:1 1;flex-direction:column;gap:26px;min-height:0;overflow-y:auto;padding:6px 32px 34px}@media (max-width:719px){.settingsOverlay{padding:8px}.settingsCard{max-height:calc(100vh - 16px);max-width:none;width:100%}}.rail{background:var(--color-panel);border-right:1px solid var(--color-border);box-sizing:border-box;display:flex;flex-direction:column;gap:4px;height:100vh;padding:16px 12px;transition:width .22s ease}.railOpen{width:268px}.railClosed{width:92px}.railTop{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:4px}.railClosed .railTop{flex-direction:column;gap:10px;justify-content:center}.railLogo{align-items:center;color:var(--color-text);display:flex;gap:10px;min-width:0}.railLogoMark{border-radius:50%;flex-shrink:0;height:32px;width:32px}.railLogoText{font-family:var(--font-display);font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.railToggle{align-items:center;background:var(--color-hover-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;width:32px}.railToggle:hover{border-color:var(--color-primary);color:var(--color-text)}.railNavItem{align-items:center;background:none;border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;gap:12px;margin:0 6px;padding:10px 14px;text-align:left;transition:background .12s ease,color .12s ease}.railNavItem:hover{background:var(--color-hover-surface);color:var(--color-text)}.railNavItem:disabled{cursor:not-allowed;opacity:.6}.railNavItemActive{background:var(--color-primary);color:var(--color-canvas);font-weight:700}.railNavItemLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.railClosed .railNavItem{align-items:center;border-radius:20px;flex-direction:column;gap:4px;justify-content:center;margin:0 auto;padding:11px 4px;width:62px}.railClosed .railNavItemLabel{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.railClosed .railNavItemActive{background:var(--color-icon-chip-bg);color:var(--color-primary-hover);font-weight:700}.railBottom{display:flex;flex-direction:column;gap:8px;margin-top:auto}.railAvatarTrigger{align-items:center;background:none;border:none;border-radius:999px;cursor:pointer;display:flex;gap:11px;margin:0 6px;padding:8px 12px;text-align:left}.railAvatarTrigger:hover,.railAvatarTriggerOpen{background:var(--color-hover-surface)}.railClosed .railAvatarTrigger{margin:0 auto;padding:4px}.railAvatarCircle{background:repeating-linear-gradient(135deg,var(--color-hover-surface) 0 5px,#3a3529 5px 10px);border-radius:999px;flex:none;height:34px;object-fit:cover;width:34px}.railAvatarIdentity{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.railAvatarName{color:var(--color-text);font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.railAvatarRole{color:var(--color-text-muted);font-size:11px}.railAvatarChevron{color:var(--color-text-muted);flex:none}@media (max-width:719px){.rail,.railOpen{padding:12px 6px;width:64px}.rail.railOpen .railTop{flex-direction:column;gap:10px;justify-content:center}.rail.railOpen .railNavItem{align-items:center;border-radius:18px;flex-direction:column;gap:4px;justify-content:center;margin:0 auto;padding:9px 2px;width:52px}.rail.railOpen .railNavItemLabel{display:none}.rail.railOpen .railAvatarTrigger{margin:0 auto;padding:4px}.rail.railOpen .railAvatarChevron,.rail.railOpen .railAvatarIdentity,.rail.railOpen .railLogoText{display:none}}.timeDisplayContainer{align-items:center;display:inline-flex}.timeDisplay{color:var(--color-text-muted);font-family:var(--font-body);font-size:12px;white-space:nowrap}:root{--slider-fill-color:var(--color-primary);--slider-track-color:var(--color-border);--slider-thumb-color:var(--color-primary);--slider-thumb-hover-color:var(--color-primary-hover)}.rangeSlider{-webkit-appearance:none;-moz-appearance:none;background:var(--color-border);background:var(--slider-track-color);border-radius:100vh;cursor:pointer;height:6px;position:relative;width:100%}.rangeSlider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) 50%,var(--color-border) 50%,var(--color-border) 100%);background:linear-gradient(to right,var(--slider-fill-color) 0,var(--slider-fill-color) 50%,var(--slider-track-color) 50%,var(--slider-track-color) 100%);border-radius:100vh;height:6px}.rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);background:var(--slider-thumb-color);border-radius:50%;height:14px;margin-top:-4px;opacity:0;-webkit-transition:opacity .2s,background .2s;transition:opacity .2s,background .2s;width:14px}.rangeSlider:hover::-webkit-slider-thumb{background:var(--color-primary-hover);background:var(--slider-thumb-hover-color);opacity:1}.rangeSlider::-moz-range-track{background-color:var(--color-border);background-color:var(--slider-track-color);border-radius:100vh;height:6px}.rangeSlider::-moz-range-progress{background-color:var(--color-primary);background-color:var(--slider-fill-color);border-radius:100vh;height:6px}.rangeSlider::-moz-range-thumb{background:var(--color-primary);background:var(--slider-thumb-color);border-radius:50%;height:14px;opacity:0;-moz-transition:opacity .2s,background .2s;transition:opacity .2s,background .2s;width:14px}.rangeSlider:hover::-moz-range-thumb{background:var(--color-primary-hover);background:var(--slider-thumb-hover-color);opacity:1}.rangeSlider::-ms-track{background:#0000;border-color:#0000;border-radius:100vh;color:#0000;height:6px;width:100%}.rangeSlider::-ms-fill-lower{background-color:var(--color-primary);background-color:var(--slider-fill-color);border-radius:100vh}.rangeSlider::-ms-fill-upper{background-color:var(--color-border);background-color:var(--slider-track-color);border-radius:100vh}.rangeSlider::-ms-thumb{background:var(--color-primary);background:var(--slider-thumb-color);border-radius:50%;height:14px;opacity:0;-ms-transition:opacity .2s,background .2s;transition:opacity .2s,background .2s;width:14px}.rangeSlider:hover::-ms-thumb{background:var(--color-primary-hover);background:var(--slider-thumb-hover-color);opacity:1}.rangeSlider:focus{outline:none}.playPauseButton{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:48px;justify-content:center;transition:background .16s ease;width:48px}.playPauseButton:hover{background-color:var(--color-primary-hover)}.skipButton{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px}.skipButton:hover{color:var(--color-text)}.shuffleButton{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px}.shuffleButton:hover{color:var(--color-text)}.shuffleButtonActive{color:var(--color-primary)}.loopButton{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px}.loopButton:hover{color:var(--color-text)}.loopButtonActive{color:var(--color-primary)}.volumeControl{align-items:center;display:flex;gap:8px;width:100%}.volumeIconButton{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px}.volumeIconButton:hover{color:var(--color-text)}.playerContainer{align-items:center;display:flex;flex-direction:column;gap:16px;padding:32px 12px}.nowPlayingArt{align-items:center;aspect-ratio:1/1;background:repeating-linear-gradient(135deg,var(--color-hover-surface) 0,var(--color-hover-surface) 10px,var(--color-panel) 10px,var(--color-panel) 20px);border-radius:16px;color:var(--color-text-muted);display:flex;justify-content:center;overflow:hidden;width:min(100%,34vh)}.nowPlayingArt img{height:100%;object-fit:cover;width:100%}.nowPlayingMeta{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.nowPlayingTitle{color:var(--color-text);font-size:15px;font-weight:600}.nowPlayingArtist{color:var(--color-text-muted);font-size:13px}.nowPlayingLink{cursor:pointer}.nowPlayingLink:hover{color:var(--color-text);text-decoration:underline}.playerProgress{width:100%}.playerControls,.playerProgress{align-items:center;display:flex;gap:8px}.playerControls{flex-direction:row;justify-content:center}.playerVolume{width:100%}.connectionStatus{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:11px;gap:6px}.connectionStatusDot{border-radius:999px;flex-shrink:0;height:8px;transition:background-color .2s ease;width:8px}.connectionStatusDot--connected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.connectionStatusDot--connecting{background:var(--color-warning)}.connectionStatusDot--disconnected{background:var(--color-error)}.connectionStatusLabel{white-space:nowrap}.queuePanel{border-top:1px solid var(--color-border);display:flex;flex-direction:column;min-height:0;padding-top:8px}.queuePanelHeader{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;font-family:var(--font-body);font-size:13px;gap:8px;padding:8px 16px}.queuePanelList{flex:1 1;min-height:0;overflow-y:auto;padding:0 8px 8px}.queuePanelEmpty{color:var(--color-text-muted);font-size:12px;padding:8px 8px 12px}.queuePanelRow{align-items:center;border-radius:10px;display:flex;gap:8px;justify-content:space-between;padding:8px}.queuePanelRow:hover{background:var(--color-hover-surface)}.queuePanelRowActive{background:var(--color-icon-chip-bg)}.queuePanelRowMeta{cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-width:0}.queuePanelRowTitle{color:var(--color-text);font-size:13px}.queuePanelRowArtist,.queuePanelRowTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queuePanelRowArtist{color:var(--color-text-muted);font-size:11px}.queuePanelRowActions{align-items:center;display:flex;flex-shrink:0;gap:2px}.queuePanelIconButton{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px}.queuePanelIconButton:hover:not(:disabled){color:var(--color-text)}.queuePanelIconButton:disabled{cursor:not-allowed;opacity:.3}.audioNav{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.audioNavStatus{display:flex;flex-shrink:0;justify-content:flex-end;padding:12px 16px 0}.audioNav>.playerContainer{flex-shrink:0}.audioNav>.queuePanel{flex:1 1;min-height:0}.pageContainer{background-color:var(--color-canvas);color:var(--color-text);display:grid;font-family:var(--font-body);grid-template-columns:auto minmax(0,1fr) 320px;grid-template-rows:100vh;height:100vh;width:100%}.pageRail{grid-column:1;overflow-x:hidden;overflow-y:auto}.pageMain,.pageRail{grid-row:1;height:100vh}.pageMain{display:flex;flex-direction:column;grid-column:2;min-width:0}.pageHeader{flex-shrink:0}.pageContent{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px 32px 32px}.pageNowPlaying{border-left:1px solid var(--color-border);grid-column:3;grid-row:1;height:100vh;min-height:0;overflow:hidden}@media (max-width:1099px){.pageContainer{grid-template-columns:auto minmax(0,1fr)}.pageNowPlaying{display:none}}@media (max-width:719px){.pageContainer{grid-template-columns:auto minmax(0,1fr)}.pageContent{padding:16px 16px 24px}}:root{--color-canvas:#23201b;--color-panel:#2e2b25;--color-hover-surface:#3a3529;--color-primary:#5b85d3;--color-primary-hover:#8aabe6;--color-icon-chip-bg:#1d3a6e;--color-error:#e07a6a;--color-warning:#d9a05b;--color-success:#aebf92;--color-text:#f9f4ed;--color-text-muted:#a19786;--color-text-secondary:#c9beac;--color-border:#474238;--color-success-bg:#3a4a30;--font-display:"Baloo 2",sans-serif;--font-body:"Figtree",sans-serif}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .8s linear infinite}body{font-family:var(--font-body)}#root,body{margin:0;padding:0}
/*# sourceMappingURL=main.28f413c5.css.map*/