:root{--bg-primary: #ffffff;--bg-primary-rgb: 255, 255, 255;--glass-rgb: 255, 255, 255;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ed;--bg-sidebar: rgba(245, 245, 247, .5);--glass-bg: rgba(255, 255, 255, .4);--glass-bg-elevated: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .55);--glass-border-subtle: rgba(0, 0, 0, .04);--glass-highlight: rgba(255, 255, 255, .85);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #aeaeb2;--accent: #ff2d55;--accent-hover: #ff375f;--match-hot: hsl(0, 85%, 55%);--match-warm: hsl(35, 85%, 55%);--match-neutral: hsl(60, 50%, 50%);--match-cool: hsl(210, 70%, 55%);--match-cold: hsl(240, 60%, 55%);--border: rgba(0, 0, 0, .06);--border-active: rgba(0, 0, 0, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--img-outline: 1px solid rgba(0, 0, 0, .1);--img-outline-offset: -1px;--shadow-sm: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06), 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-md: 0 0 0 1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 4px 12px 0 rgba(0, 0, 0, .08);--shadow-lg: 0 0 0 1px rgba(0, 0, 0, .06), 0 4px 8px -2px rgba(0, 0, 0, .08), 0 8px 24px 0 rgba(0, 0, 0, .1);--sidebar-width: 240px}@media (prefers-color-scheme: dark){:root{--bg-primary: #1c1c1e;--bg-primary-rgb: 28, 28, 30;--glass-rgb: 58, 58, 60;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-sidebar: rgba(28, 28, 30, .5);--glass-bg: rgba(40, 40, 42, .4);--glass-bg-elevated: rgba(50, 50, 52, .55);--glass-border: rgba(255, 255, 255, .14);--glass-border-subtle: rgba(255, 255, 255, .06);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--border: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .16);--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .06), 0 1px 2px -1px rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .15);--shadow-md: 0 0 0 1px rgba(255, 255, 255, .06), 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 12px 0 rgba(0, 0, 0, .25);--shadow-lg: 0 0 0 1px rgba(255, 255, 255, .06), 0 4px 8px -2px rgba(0, 0, 0, .25), 0 8px 24px 0 rgba(0, 0, 0, .3);--img-outline: 1px solid rgba(255, 255, 255, .1)}}.title-large{font:700 28px/34px -apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:.36px;text-wrap:balance}.title-medium{font:700 22px/28px -apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:-.26px;text-wrap:balance}.title-small{font:600 17px/22px -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:-.41px;text-wrap:balance}.body{font:400 15px/20px -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:-.24px}.body-emphasis{font:500 15px/20px -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:-.24px}.caption{font:400 13px/18px -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;letter-spacing:-.08px;color:var(--text-secondary)}.caption-mono{font:400 11px/14px SF Mono,ui-monospace,monospace;color:var(--text-tertiary);letter-spacing:.07px;font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:15px;line-height:20px;letter-spacing:-.24px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;user-drag:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-layout{position:relative;display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar-well{width:calc(var(--sidebar-width) + 16px);min-width:calc(var(--sidebar-width) + 16px);height:100%;padding:8px 0 8px 8px;overflow:hidden}.sidebar{width:100%;height:100%;background:var(--bg-sidebar);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:-8px 0 0 8px var(--bg-primary),0 -8px 0 8px var(--bg-primary),0 8px 0 8px var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;padding-top:12px;contain:strict;transform:translateZ(0)}.sidebar-nav{flex:1;overflow-y:auto;scrollbar-gutter:stable;padding:var(--space-xs)}.sidebar-nav::-webkit-scrollbar-track{margin-top:34px;margin-bottom:72px}.sidebar-section{margin-bottom:var(--space-sm)}.sidebar-section-header{display:flex;align-items:center;gap:4px;padding:4px var(--space-md);margin-bottom:0;cursor:pointer;border-radius:var(--radius-md);transition:background .15s}.sidebar-section-header:hover{background:var(--bg-tertiary)}.sidebar-section-chevron{font-size:9px;color:var(--text-tertiary);transition:transform .15s ease;width:12px;text-align:center;flex-shrink:0}.sidebar-section-chevron.open{transform:rotate(90deg)}.sidebar-section-title{font:600 11px/14px -apple-system,system-ui,sans-serif;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;flex:1}.sidebar-section-count{font:500 10px/14px -apple-system,system-ui,sans-serif;color:var(--text-tertiary);opacity:.6;margin-right:4px}.sidebar-curator-divider{font:500 10px/1 -apple-system,system-ui,sans-serif;color:var(--text-tertiary);opacity:.5;padding:6px 16px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section-add{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary);font-size:17px;font-weight:400;cursor:pointer;border-radius:var(--radius-sm);padding:0;flex-shrink:0;opacity:0;transition:opacity .15s,background .15s,color .15s}.sidebar-section-header:hover .sidebar-section-add{opacity:1}.sidebar-section-add:hover{background:#80808026;color:var(--accent)}.sidebar-section-add.active{opacity:1}.sidebar-section-add-icon{display:block;transition:transform .15s cubic-bezier(.32,.72,0,1)}.sidebar-section-add.active .sidebar-section-add-icon{transform:rotate(45deg)}.add-playlist-popover{padding:10px;margin:2px 4px 6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);animation:popover-in .15s cubic-bezier(.32,.72,0,1)}.add-playlist-popover .text-input{font-size:12px;padding:6px 10px}.add-playlist-popover .dialog-actions{justify-content:flex-end}.add-playlist-popover .btn-primary{font-size:12px;padding:4px 14px}.add-playlist-popover .playlist-preview{margin-bottom:10px;padding:10px;border:none;background:var(--bg-tertiary)}.add-playlist-popover .playlist-preview-artwork{width:48px;height:48px}.add-playlist-popover .playlist-preview-name{font-size:13px}.add-playlist-popover .playlist-preview-meta{font-size:11px}.add-playlist-popover .dialog-error{margin-top:6px;margin-bottom:0}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-section-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .08s cubic-bezier(.32,.72,0,1)}.sidebar-section-collapse.open{grid-template-rows:1fr}.sidebar-section-content{overflow:hidden;min-height:0}.sidebar-attribution{font-size:10px;color:var(--text-tertiary);text-align:center;padding:6px 0 8px;flex-shrink:0}.sidebar-section-collapse .sidebar-item{--entrance-delay: 0ms;opacity:0;transform:translateY(-4px);transition:opacity .06s ease var(--entrance-delay),transform .06s ease var(--entrance-delay),background .15s ease 0s}.sidebar-section-collapse.open .sidebar-item{opacity:1;transform:translateY(0)}.sidebar-section-collapse:not(.open) .sidebar-item{--entrance-delay: 0ms !important;transition-duration:.06s}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:5px var(--space-md);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:13px;cursor:pointer;transition:background .15s}.sidebar-item:hover{background:var(--bg-tertiary)}.sidebar-item.active{background:var(--bg-tertiary);font-weight:600}.sidebar-item.secondary{color:var(--accent)}.sidebar-item.secondary .sidebar-item-icon{opacity:1}.sidebar-item-icon{width:20px;text-align:center;font-size:15px;opacity:.7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-icon-wrapper{position:relative;width:14px;height:14px}.profile-icon-wrapper svg{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .2s ease,transform .2s ease}.profile-icon-wrapper svg.hidden{opacity:0;transform:scale(.6)}.profile-icon-person{color:var(--text-secondary)}.profile-icon-diamond{color:var(--accent)}.sidebar-item-artwork{width:20px;height:20px;border-radius:4px;object-fit:cover;flex-shrink:0}.sidebar-item-detail{margin-left:auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-tertiary);padding:0;border-radius:var(--radius-sm);cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .15s,background .15s,color .15s}.sidebar-item:hover .sidebar-item-detail{opacity:1}.sidebar-item-detail:hover{background:#80808026;color:var(--text-primary)}.sidebar-sub-item{padding-left:calc(var(--space-md) + 28px);font-size:13px;color:var(--text-secondary)}.sidebar-sub-item .badge{margin-left:auto;background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;padding:1px 6px;border-radius:10px;font-weight:500}.sidebar-add-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--accent);font-size:13px;cursor:pointer;border:none;background:none;width:100%;text-align:left;border-radius:var(--radius-md);transition:background .15s}.sidebar-add-btn:hover{background:var(--bg-tertiary)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--glass-border)}.sync-indicator{display:flex;align-items:center;gap:var(--space-sm);font-size:12px;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.sync-indicator:hover{background:var(--bg-tertiary)}.sync-dot{width:6px;height:6px;border-radius:50%;background:#34c759;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ingestion-bar{flex-shrink:0;border-top:1px solid var(--glass-border);font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.ingestion-bar:hover{background:var(--bg-tertiary)}.ingestion-bar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.ingestion-bar-status{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.ingestion-bar-label{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingestion-bar-chevron{font-size:10px;color:var(--text-tertiary);transition:transform .15s ease}.ingestion-bar-detail{padding:0 var(--space-md) var(--space-sm)}.ingestion-bar-stats{display:flex;gap:0;padding:var(--space-sm) 0;border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-sm)}.ingestion-bar-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.ingestion-bar-stat-value{font-size:14px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.ingestion-bar-stat-label{font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px}.ingestion-bar-queue{display:flex;flex-direction:column;gap:2px;max-height:120px;overflow-y:auto}.ingestion-bar-queue-item{display:flex;align-items:center;gap:5px;font-size:11px}.ingestion-bar-queue-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingestion-bar-queue-count{flex-shrink:0;color:var(--text-tertiary)}.ingestion-bar-cloud{border-top:1px solid var(--border-subtle);padding-top:8px;margin-top:4px}.ingestion-bar-cloud-header{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-primary)}.titlebar{height:48px;flex-shrink:0;display:flex;align-items:flex-start;padding:14px var(--space-md) 0;position:absolute;top:0;left:0;right:0;z-index:10;pointer-events:none}.titlebar-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:0;padding:4px;border-radius:100px;background:linear-gradient(180deg,var(--glass-highlight) 0%,transparent 60%),var(--glass-bg);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid var(--glass-border);border-bottom-color:var(--glass-border-subtle);box-shadow:var(--glass-shadow),inset 0 .5px 0 var(--glass-highlight);transition:gap .3s ease,padding .3s ease,box-shadow .3s ease;transform:translateZ(0)}.titlebar-pill.expanded{gap:var(--space-sm);padding:4px 14px 4px 4px;box-shadow:0 4px 20px #00000026,0 1px 4px #0000000f,inset 0 .5px 0 var(--glass-highlight)}.titlebar-back-btn{width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.titlebar-back-btn:hover{background:#80808026}.titlebar-pill-detail{display:flex;align-items:center;gap:var(--space-sm);overflow:hidden;max-width:0;opacity:0;transition:max-width .3s ease,opacity .25s ease}.titlebar-pill.expanded .titlebar-pill-detail{max-width:400px;opacity:1}.titlebar-pill-artwork{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0}.titlebar-pill-text{display:flex;flex-direction:column;min-width:0;max-width:200px}.titlebar-pill-title{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px}.titlebar-pill-meta{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:13px}.main-content-body{flex:1;display:flex;overflow:hidden}.page-content-area{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);isolation:isolate;container-type:inline-size;container-name:content}.page-content{flex:1;overflow-y:auto;scrollbar-gutter:stable;padding:70px var(--space-2xl) 120px}.page-content::-webkit-scrollbar-track{margin-top:80px;margin-bottom:80px}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font:700 28px/34px -apple-system,system-ui,sans-serif;letter-spacing:.36px;margin-bottom:var(--space-xs);text-wrap:balance}.page-header .subtitle{color:var(--text-secondary);font-size:15px;letter-spacing:-.24px;min-height:22px}.track-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0fr) minmax(0,0fr) minmax(0,0fr) 44px 28px;align-items:center;height:44px;padding:0 var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .1s,grid-template-columns .2s cubic-bezier(.32,.72,0,1);contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 44px}.track-row-removed{opacity:.45}.track-removed-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);background:var(--glass-bg);padding:1px 5px;border-radius:3px}.track-isrc-col,.track-release-col,.track-label-col{overflow:hidden;white-space:nowrap;opacity:0;transition:opacity .2s ease}.track-isrc-col,.track-release-col,.track-label-col,.track-duration,.track-match,.track-actions{padding-left:var(--space-md)}@container content (min-width: 480px){.track-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr) minmax(0,0fr) minmax(0,0fr) 44px 28px}.track-isrc-col{opacity:1}}@container content (min-width: 640px){.track-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr) minmax(0,.45fr) minmax(0,0fr) 44px 28px}.track-release-col{opacity:1}}@container content (min-width: 800px){.track-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr) minmax(0,.45fr) minmax(0,.5fr) 44px 28px}.track-label-col{opacity:1}}.track-row:hover,.track-row.context-open{background:var(--bg-secondary)}.track-row.playing .track-title{color:var(--accent)}.track-row-song{display:flex;align-items:center;gap:var(--space-md);min-width:0}.track-artwork{width:32px;height:32px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--bg-tertiary);position:relative;overflow:hidden}.track-artwork img{width:100%;height:100%;object-fit:cover;outline:var(--img-outline);outline-offset:var(--img-outline-offset)}.track-artwork-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .15s;color:#fff;font-size:14px}.track-row:hover .track-artwork-overlay,.track-artwork:hover .track-artwork-overlay{opacity:1}.track-title,.track-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title{font-size:14px;font-weight:600;letter-spacing:-.08px;color:var(--text-primary)}.track-isrc{font:400 11px/14px SF Mono,ui-monospace,monospace;color:var(--text-tertiary);letter-spacing:.07px;transition:color .15s}.track-isrc:hover{color:var(--text-secondary)}.track-artist{font-size:12px;letter-spacing:-.08px;color:var(--text-secondary)}.track-isrc-col,.track-release-col,.track-label-col{min-width:0;overflow:hidden}.track-meta-text{font:400 12px/16px -apple-system,system-ui,sans-serif;letter-spacing:-.08px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{font-size:13px;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.track-match{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.track-actions{display:flex;align-items:center;justify-content:center}.track-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:16px;opacity:0;transition:opacity .15s,background .15s}.track-row:hover .track-action-btn{opacity:1}.track-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.track-list-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0fr) minmax(0,0fr) minmax(0,0fr) 44px 28px;padding:0 var(--space-md);margin-bottom:var(--space-sm);border-bottom:1px solid var(--border);padding-bottom:var(--space-sm);transition:grid-template-columns .3s cubic-bezier(.32,.72,0,1)}.track-list-header span{font:600 11px/14px -apple-system,system-ui,sans-serif;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px}.track-list-header span:nth-child(n+2){padding-left:var(--space-md)}.track-list-header span:nth-child(2),.track-list-header span:nth-child(3),.track-list-header span:nth-child(4){overflow:hidden;white-space:nowrap;opacity:0;transition:opacity .2s ease}.track-list-header span:nth-child(5){text-align:right}@container content (min-width: 480px){.track-list-header{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr) minmax(0,0fr) minmax(0,0fr) 44px 28px}.track-list-header span:nth-child(2){opacity:1}}@container content (min-width: 640px){.track-list-header{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr) minmax(0,.45fr) minmax(0,0fr) 44px 28px}.track-list-header span:nth-child(3){opacity:1}}@container content (min-width: 800px){.track-list-header{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr) minmax(0,.45fr) minmax(0,.5fr) 44px 28px}.track-list-header span:nth-child(4){opacity:1}}.dashboard-fyp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.32,.72,0,1),margin-bottom .25s ease;margin-bottom:0}.dashboard-fyp.has-tracks{grid-template-rows:1fr;margin-bottom:var(--space-lg)}.dashboard-fyp-inner{min-height:0;overflow:hidden;border-radius:var(--radius-md);border:1px solid transparent;transition:border-color .25s ease}.dashboard-fyp.has-tracks .dashboard-fyp-inner{border-color:var(--border)}.dashboard-fyp-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .15s}.dashboard-fyp-header:hover{background:var(--bg-secondary)}.dashboard-fyp-header-left{display:flex;align-items:center;gap:6px}.dashboard-fyp-title{font-weight:600;font-size:14px;letter-spacing:-.08px;color:var(--text-primary)}.dashboard-fyp-count{font-size:12px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px 6px;border-radius:8px}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg);contain:layout style}.playlist-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 300px}.playlist-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.playlist-card-artwork{width:100%;aspect-ratio:1;background:var(--bg-tertiary);position:relative;overflow:hidden}.playlist-card-match{position:absolute;top:8px;right:8px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;font-size:14px;padding:4px 8px;border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;transition:opacity .4s ease;pointer-events:none}.playlist-card-artwork img{width:100%;height:100%;object-fit:cover;outline:var(--img-outline);outline-offset:var(--img-outline-offset)}.playlist-card-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;font-variant-numeric:tabular-nums}.playlist-card-info{padding:var(--space-md)}.playlist-card-name{font-size:14px;font-weight:600;letter-spacing:-.08px;color:var(--text-primary);margin-bottom:2px;overflow:hidden}.playlist-card-meta{font-size:12px;color:var(--text-secondary);overflow:hidden}.np-dock-wrapper{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;padding:0 var(--space-xl);pointer-events:none;z-index:10}.np-dock-wrapper>*{pointer-events:auto}.np-dock{width:100%;max-width:660px;background:linear-gradient(180deg,var(--glass-highlight) 0%,transparent 50%),var(--glass-bg-elevated);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);border:1px solid var(--glass-border);border-bottom-color:var(--glass-border-subtle);border-radius:100px;box-shadow:var(--glass-shadow),inset 0 .5px 0 var(--glass-highlight);padding:6px var(--space-2xl);display:flex;flex-direction:column;gap:4px;transform:translateZ(0)}.np-top-row{display:flex;align-items:center;gap:var(--space-md)}.np-artwork{width:40px;height:40px;border-radius:6px;background:var(--bg-tertiary);flex-shrink:0;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 1px 4px #00000026}.np-artwork img{width:100%;height:100%;object-fit:cover;outline:var(--img-outline);outline-offset:var(--img-outline-offset)}.np-artwork-placeholder{width:100%;height:100%}.np-artwork-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;opacity:0;transition:opacity .15s}.np-artwork:hover .np-artwork-overlay{opacity:1}.np-track-info{flex:1;display:flex;flex-direction:column;min-width:0;cursor:pointer;border-radius:6px;padding:2px 6px;margin:-2px -6px;transition:background .15s}.np-track-info:hover{background:#8080801f}.np-track-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px;display:flex;align-items:center;gap:6px}.np-preview-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);background:var(--glass-bg);padding:1px 5px;border-radius:3px;flex-shrink:0}.np-track-detail{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px}.np-scrub-track{flex:1;height:3px;background:var(--bg-tertiary);border-radius:1.5px;cursor:pointer;position:relative;padding:6px 0;margin:-6px 0;background-clip:content-box}.np-scrub-fill{height:3px;background:var(--text-secondary);border-radius:1.5px;position:relative;pointer-events:none;transition:background .15s}.np-scrub-track:hover .np-scrub-fill,.np-scrub-track.dragging .np-scrub-fill{background:var(--accent)}.np-scrub-thumb{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--text-primary);opacity:0;transition:opacity .15s}.np-scrub-track:hover .np-scrub-thumb,.np-scrub-track.dragging .np-scrub-thumb{opacity:1}.np-menu-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);padding:0;transition:color .15s}.np-menu-btn:hover{color:var(--text-primary)}.np-artwork-idle{display:flex;align-items:center;justify-content:center;cursor:default}.np-error-toast{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:#ff3b30e6;color:#fff;font-size:11px;font-weight:500;padding:4px 12px;border-radius:12px;white-space:nowrap;pointer-events:none;animation:np-toast-in .2s ease-out}@keyframes np-toast-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ctx-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.ctx-menu{background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 50%),#2a2a2c;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 4px 16px #0006,0 .5px 2px #0003,inset 0 .5px #ffffff14;min-width:160px;padding:3px}.ctx-menu-item{display:block;width:100%;padding:5px 10px;border:none;background:none;border-radius:7px;text-align:left;font:400 12px/16px -apple-system,system-ui,sans-serif;color:#ffffffd9;cursor:pointer;transition:background .1s}.ctx-menu-item:hover{background:#ffffff1a}.ctx-menu-item:active{background:#ffffff26}.ctx-menu-divider{height:1px;background:#ffffff14;margin:3px 8px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%);animation:dialog-overlay-in .2s ease}@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:1}}.dialog{background:linear-gradient(180deg,var(--glass-highlight) 0%,transparent 80px),var(--glass-bg-elevated);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid var(--glass-border);border-bottom-color:var(--glass-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),inset 0 .5px 0 var(--glass-highlight);width:420px;max-height:80vh;overflow-y:auto;padding:24px;animation:dialog-in .25s cubic-bezier(.32,.72,0,1)}@keyframes dialog-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-header h2{font:600 17px/22px -apple-system,system-ui,sans-serif;letter-spacing:-.41px;color:var(--text-primary)}.dialog-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-tertiary);border-radius:50%;cursor:pointer;color:var(--text-tertiary);font-size:12px;transition:background .15s,color .15s}.dialog-close:hover{background:var(--border);color:var(--text-primary)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-error{color:#ff453a;font-size:12px;margin-bottom:12px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:20px;font-size:14px;font-weight:500;letter-spacing:-.08px;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:20px;font-size:14px;font-weight:500;letter-spacing:-.08px;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--border-active)}.btn-ghost{background:none;border:none;color:var(--accent);font-size:14px;font-weight:500;letter-spacing:-.08px;cursor:pointer;padding:var(--space-xs) var(--space-sm)}.btn-ghost:hover{text-decoration:underline}.search-input-wrapper{position:relative;display:flex;align-items:center;max-width:360px}.search-input{width:100%;padding:6px 28px 6px 30px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input-icon{position:absolute;left:8px;color:var(--text-tertiary);font-size:13px;pointer-events:none}.search-input-clear{position:absolute;right:6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-tertiary);color:var(--text-tertiary);font-size:11px;border-radius:50%;cursor:pointer;padding:0;transition:background .15s,color .15s}.search-input-clear:hover{background:var(--border);color:var(--text-primary)}.play-overlay{opacity:0;transition:opacity .15s}.play-overlay:hover,.play-overlay.playing{opacity:1;background:#00000080!important}.genre-group{margin-bottom:var(--space-xl)}.genre-group-title{font:600 20px/26px -apple-system,system-ui,sans-serif;margin-bottom:var(--space-md);text-wrap:balance}.sync-progress-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.sync-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.sync-progress-indeterminate{position:relative}.sync-progress-fill-indeterminate{position:absolute;height:100%;width:30%;border-radius:2px;background:var(--accent);animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{left:-30%}to{left:100%}}.track-row.recommendation{height:56px}.track-row.recommendation .track-row-song{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.tab-bar{display:flex;gap:var(--space-xl);border-bottom:1px solid var(--border);margin-bottom:var(--space-xl)}.tab{padding:var(--space-sm) 0;font-size:14px;font-weight:500;color:var(--text-secondary);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.tab:hover{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--space-lg);opacity:.3}.empty-state-title{font:600 17px/22px -apple-system,system-ui,sans-serif;letter-spacing:-.41px;margin-bottom:var(--space-sm)}.empty-state-description{font-size:14px;letter-spacing:-.08px;color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:300px}.select{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);outline:none;cursor:pointer}.select:focus{border-color:var(--accent)}.text-input{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.text-input::placeholder{color:var(--text-tertiary)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff26}.spinner{width:16px;height:16px;border:2px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.playlist-header{display:flex;gap:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl)}.playlist-header-artwork{width:200px;height:200px;border-radius:var(--radius-lg);background:var(--bg-tertiary);flex-shrink:0;overflow:hidden}.playlist-header-artwork img{width:100%;height:100%;object-fit:cover;outline:var(--img-outline);outline-offset:var(--img-outline-offset)}.playlist-header-info{flex:1 1 0;display:flex;flex-direction:column;min-width:0;overflow:hidden}.playlist-header-top{margin-top:auto}.playlist-header-details{display:flex;flex-direction:column}.description-placeholder{height:38px;margin-bottom:var(--space-sm)}.playlist-header-genres{font-size:12px;font-style:italic;color:var(--text-tertiary);margin-bottom:2px;min-height:18px}.playlist-header-curator{font:400 13px/16px -apple-system,system-ui,sans-serif;letter-spacing:-.08px;color:var(--text-secondary);margin-top:2px;margin-bottom:2px}.apple-music-attribution{font-size:10px;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.playlist-header-meta{font:400 12px/16px -apple-system,system-ui,sans-serif;color:var(--text-tertiary)}.playlist-header-info .caption{text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.playlist-header-info h1{font:700 28px/34px -apple-system,system-ui,sans-serif;letter-spacing:.36px;margin:0 0 4px;text-wrap:balance}.description-anchor{position:relative;height:38px;margin-bottom:var(--space-sm)}.playlist-header-info .description{font-size:13px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;line-height:1.45;transition:color .15s}.playlist-header-info .description:hover{opacity:.85}.description-expanded{display:none;position:absolute;top:-10px;left:-12px;right:-12px;z-index:20;font-size:13px;color:var(--text-primary);line-height:1.5;cursor:pointer;background:var(--bg-primary);padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 8px 30px #00000024,0 2px 6px #00000014}.description-anchor.open .description-expanded{display:block}.description-anchor.open .description{visibility:hidden}.form-group{margin-bottom:20px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-tertiary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.playlist-preview{display:flex;gap:14px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;animation:dialog-in .2s ease}.playlist-preview-artwork{width:72px;height:72px;border-radius:var(--radius-sm);background:var(--bg-tertiary);flex-shrink:0;overflow:hidden}.playlist-preview-artwork img{width:100%;height:100%;object-fit:cover;outline:var(--img-outline);outline-offset:var(--img-outline-offset)}.playlist-preview-info{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.playlist-preview-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-preview-meta{font-size:12px;color:var(--text-secondary)}.ingestion-progress{margin-top:var(--space-lg)}.ingestion-stats{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md);font-size:13px}.ingestion-stat-success{color:#34c759}.ingestion-stat-existing{color:var(--text-secondary)}.ingestion-stat-error{color:#ff9500}.section{margin-bottom:var(--space-2xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font:600 20px/26px -apple-system,system-ui,sans-serif;text-wrap:balance}.fyp-pertrack-list{display:flex;flex-direction:column;gap:0;padding-top:4px}.fyp-pertrack-group{padding:16px 0 8px}.fyp-pertrack-group+.fyp-pertrack-group{border-top:1px solid var(--border)}.fyp-pertrack-label{display:flex;align-items:center;gap:10px;padding:0 4px 8px}.fyp-pertrack-art{position:relative;width:36px;height:36px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;cursor:pointer}.fyp-pertrack-art img{width:100%;height:100%;object-fit:cover;display:block}.fyp-pertrack-art-placeholder{width:100%;height:100%;background:var(--bg-tertiary)}.fyp-pertrack-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity .12s ease;color:#fff}.fyp-pertrack-art:hover .fyp-pertrack-art-overlay{opacity:1}.fyp-pertrack-info{min-width:0;overflow:hidden;cursor:pointer}.fyp-pertrack-name{font:600 13px/17px -apple-system,system-ui,sans-serif;color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease}.fyp-pertrack-info:hover .fyp-pertrack-name{color:var(--text-primary)}.fyp-pertrack-artist{font:400 11px/15px -apple-system,system-ui,sans-serif;color:var(--text-tertiary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease}.fyp-pertrack-info:hover .fyp-pertrack-artist{color:var(--text-secondary)}.fyp-pertrack-matches{display:flex;flex-direction:column;padding-left:22px}.fyp-match-row{display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:pointer;border-radius:var(--radius-sm);transition:background .1s ease}.fyp-match-row:hover{background:var(--bg-tertiary)}.fyp-match-row.playing{background:#ffffff08}.fyp-match-art{position:relative;width:28px;height:28px;border-radius:var(--radius-xs, 4px);overflow:hidden;flex-shrink:0}.fyp-match-art img{width:100%;height:100%;object-fit:cover;display:block}.fyp-match-art-placeholder{width:100%;height:100%;background:var(--bg-tertiary)}.fyp-match-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity .12s ease;color:#fff}.fyp-match-row:hover .fyp-match-art-overlay{opacity:1}.fyp-match-info{flex:1;min-width:0;overflow:hidden}.fyp-match-name{font:500 12px/15px -apple-system,system-ui,sans-serif;color:var(--text-primary);display:block}.fyp-match-artist{font:400 10px/13px -apple-system,system-ui,sans-serif;color:var(--text-secondary);display:block}.fyp-match-score{font:600 11px/13px -apple-system,system-ui,sans-serif;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;text-align:right}.playlist-preview{border-radius:calc(var(--radius-md) - 4px)}.titlebar-pill-artwork{border-radius:2px}.detail-panel-well{position:relative;width:0;min-width:0;height:100%;overflow:hidden;transition:width .3s cubic-bezier(.32,.72,0,1),min-width .3s cubic-bezier(.32,.72,0,1),padding .3s cubic-bezier(.32,.72,0,1);contain:layout style}.detail-panel-well.open{width:calc(var(--sidebar-width) + 16px);min-width:calc(var(--sidebar-width) + 16px);padding:8px 8px 8px 0}.detail-panel-wrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-sidebar);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:8px 0 0 8px var(--bg-primary),0 -8px 0 8px var(--bg-primary),0 8px 0 8px var(--bg-primary);overflow:hidden;animation:detail-fade-in .15s ease-out;contain:strict;transform:translateZ(0)}.detail-panel{flex:1;overflow-y:scroll;padding:70px var(--space-md) var(--space-xl);min-width:220px}.detail-panel::-webkit-scrollbar-track{margin-top:72px;margin-bottom:72px}@keyframes detail-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.detail-panel-well{transition:none}.detail-panel-wrapper{animation:none}}.detail-panel-nav-pill{position:absolute;top:14px;left:var(--space-md);z-index:10;pointer-events:auto;display:inline-flex;align-items:center;gap:0;padding:4px;border-radius:100px;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 50%),#2a2a2c;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #0000004d,0 .5px 2px #00000026,inset 0 .5px #ffffff14}.detail-panel-nav-btn{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.detail-panel-nav-btn:hover{background:#80808026}.detail-panel-nav-btn:disabled{opacity:.25;cursor:default}.detail-panel-nav-btn:disabled:hover{background:transparent}.detail-panel-artwork{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg);background:var(--bg-tertiary);position:relative}.detail-panel-artwork img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s ease}.detail-panel-artwork img.loaded{opacity:1}.detail-panel-artwork-placeholder{width:100%;height:100%;background:var(--bg-tertiary)}.detail-panel-play-btn{position:absolute;bottom:var(--space-sm);right:var(--space-sm);width:36px;height:36px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.detail-panel-artwork:hover .detail-panel-play-btn{opacity:1}.detail-panel-header{margin-bottom:var(--space-sm)}.detail-panel-title{font:600 16px/21px -apple-system,system-ui,sans-serif;letter-spacing:-.32px;color:var(--text-primary);margin-bottom:4px;overflow:hidden}.detail-panel-artist-row{display:flex;align-items:center;gap:var(--space-sm)}.detail-panel-artist-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}img.detail-panel-artist-avatar{opacity:0;transition:opacity .15s ease}img.detail-panel-artist-avatar.loaded{opacity:1}.detail-panel-artist-avatar-placeholder{color:var(--text-tertiary)}.detail-panel-artist{font:400 13px/16px -apple-system,system-ui,sans-serif;letter-spacing:-.08px;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-panel-card{padding:var(--space-xs) 0;margin-bottom:var(--space-sm)}.detail-panel-card-row{display:flex;align-items:baseline;gap:var(--space-md);padding:3px var(--space-md);min-width:0}.detail-panel-card-label{font:400 11px/14px -apple-system,system-ui,sans-serif;color:var(--text-tertiary);flex-shrink:0;width:56px}.detail-panel-card-value{font:400 12px/16px -apple-system,system-ui,sans-serif;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-panel-card-value .track-isrc{font:400 11px/14px var(--font-mono, "SF Mono", monospace);color:var(--text-secondary);transition:color .15s}.detail-panel-card-value .track-isrc:hover{color:var(--text-primary)}.detail-panel-card-value .genre-tags{font-size:11px;font-style:normal;color:inherit;max-width:none}.detail-panel-link{font:400 11px/14px -apple-system,system-ui,sans-serif;font-style:italic;color:var(--text-tertiary);cursor:pointer;transition:color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.detail-panel-link:hover{color:var(--text-primary)}.detail-panel-apple-btn{font-size:12px;padding:4px 12px;margin-bottom:var(--space-xs)}.detail-panel-attribution{display:block;font-size:10px;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.detail-panel-loading{display:flex;justify-content:center;padding:var(--space-xl) 0}.detail-panel-section{margin-top:var(--space-lg)}.detail-panel-section-title{font:600 11px/14px -apple-system,system-ui,sans-serif;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--space-sm)}.detail-panel-tab-inactive{opacity:.35;transition:opacity .15s}.detail-panel-tab-inactive:hover{opacity:.6}.detail-panel-empty{font:400 12px/16px -apple-system,system-ui,sans-serif;color:var(--text-tertiary);padding:var(--space-sm) 0}.detail-panel-playlist-row{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-xs);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;text-align:left}.detail-panel-playlist-row:hover{background:var(--bg-secondary)}.detail-panel-playlist-art{width:24px;height:24px;border-radius:4px;flex-shrink:0;object-fit:cover;opacity:0;transition:opacity .15s ease}.detail-panel-playlist-art.loaded{opacity:1}.detail-panel-playlist-name{font:400 12px/16px -apple-system,system-ui,sans-serif;color:var(--text-primary);flex:1;min-width:0;overflow:hidden}.detail-panel-synth-weight{font:500 10px/1 var(--font-mono, "SF Mono", "Menlo", monospace);color:var(--text-tertiary);flex-shrink:0;margin-left:auto}.detail-panel-show-more{display:block;width:100%;padding:6px 0;margin-top:2px;background:none;border:none;font:400 11px/1 -apple-system,system-ui,sans-serif;color:var(--text-tertiary);cursor:pointer;text-align:center;border-radius:var(--radius-sm)}.detail-panel-show-more:hover{color:var(--text-secondary);background:var(--bg-secondary)}.detail-panel-artist-matrix-row{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-xs);border-radius:var(--radius-sm)}.detail-panel-artist-matrix-art{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover;opacity:0;transition:opacity .15s ease}.detail-panel-artist-matrix-art.loaded{opacity:1}.detail-panel-artist-matrix-name{font:400 12px/16px -apple-system,system-ui,sans-serif;color:var(--text-primary);flex:1;min-width:0;overflow:hidden}.detail-panel-similar-row{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-xs);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;text-align:left}.detail-panel-similar-row:hover{background:var(--bg-secondary)}.detail-panel-similar-art{width:28px;height:28px;border-radius:4px;flex-shrink:0;position:relative;overflow:hidden;cursor:pointer}.detail-panel-similar-art img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s ease}.detail-panel-similar-art img.loaded{opacity:1}.detail-panel-similar-art-placeholder{width:100%;height:100%;background:var(--bg-tertiary)}.detail-panel-similar-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .1s;color:#fff}.detail-panel-similar-art:hover .detail-panel-similar-art-overlay{opacity:1}.detail-panel-similar-info{flex:1;min-width:0;overflow:hidden}.detail-panel-similar-name{font:500 12px/15px -apple-system,system-ui,sans-serif;letter-spacing:-.08px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.detail-panel-similar-artist{font:400 11px/14px -apple-system,system-ui,sans-serif;letter-spacing:-.08px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.detail-panel-similar-score{font:500 11px/14px var(--font-mono, "SF Mono", monospace);color:var(--text-tertiary);flex-shrink:0}.genre-tags{font-size:10px;font-style:italic;letter-spacing:-.08px;color:var(--text-tertiary);max-width:200px;overflow:hidden;text-overflow:ellipsis}.history-date-header{font-size:13px;font-weight:600;letter-spacing:-.08px;color:var(--text-secondary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.history-entry-name{font-size:14px;font-weight:600;letter-spacing:-.08px}.history-entry-meta{font-size:12px;letter-spacing:-.08px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.history-entry-time{font-size:11px;letter-spacing:-.08px;color:var(--text-tertiary)}.diff-indicator{font-weight:600;width:12px;flex-shrink:0;font-size:13px;text-align:center}.diff-indicator-added{color:#34c759}.diff-indicator-removed{color:#ff453a}.diff-track .track-title{font-size:12px}.diff-track .track-artist{font-size:11px}.diff-placeholder-id{font-size:12px;letter-spacing:-.08px;color:var(--text-tertiary)}.btn-ghost-sm{font-size:12px;padding:4px 10px;color:var(--text-secondary)}.ingestion-bar-status-icon{font-size:11px;font-weight:600}.ingestion-bar-cloud-label{font-size:11px;font-weight:600;letter-spacing:-.08px;color:var(--text-secondary)}.ingestion-bar-cloud-time{font-size:10px;color:var(--text-tertiary)}.ingestion-bar-warning{font-size:11px;color:#ff9500;padding:4px 0}