:root{--color-bg: oklch(98% .004 145);--color-card: #fff;--color-panel: oklch(97.5% .005 145);--color-text: oklch(20% .01 145);--color-muted: oklch(48% .012 145);--color-border: oklch(89% .007 145);--color-accent: oklch(52% .13 145);--color-accent2: oklch(58% .13 40);--color-accent-tint: oklch(94% .03 145);--color-accent2-tint: oklch(94% .03 40);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-body: 13px;--text-table: 12.5px;--text-label: 11px;--text-card-title: 15px;--text-page-title: 32px;--tracking-label: .06em;--radius-card: 10px;--radius-chip: 7px;--radius-button: 6px;--border-width: 1px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: oklch(17% .012 145);--color-card: oklch(22% .012 145);--color-panel: oklch(22% .012 145);--color-text: oklch(93% .008 145);--color-muted: oklch(65% .012 145);--color-border: oklch(30% .012 145);--color-accent: oklch(72% .15 145);--color-accent2: oklch(74% .15 40);--color-accent-tint: oklch(30% .06 145);--color-accent2-tint: oklch(32% .06 40);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3)}}:root[data-theme=dark]{--color-bg: oklch(17% .012 145);--color-card: oklch(22% .012 145);--color-panel: oklch(22% .012 145);--color-text: oklch(93% .008 145);--color-muted: oklch(65% .012 145);--color-border: oklch(30% .012 145);--color-accent: oklch(72% .15 145);--color-accent2: oklch(74% .15 40);--color-accent-tint: oklch(30% .06 145);--color-accent2-tint: oklch(32% .06 40);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body)}.label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-muted)}.card{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.muted{color:var(--color-muted)}.app-shell{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:var(--space-5);overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.top-bar .logo{font-size:var(--text-card-title);font-weight:800;color:var(--color-text)}.top-bar-nav{display:flex;align-items:center;gap:var(--space-2)}.nav-link{font-size:var(--text-table);color:var(--color-muted);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);cursor:default}.btn-primary{font-size:var(--text-table);font-weight:600;color:#fff;background:var(--color-accent);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-sans)}.btn-primary:disabled{opacity:.6;cursor:default}.app-body{display:flex;align-items:flex-start}.filter-rail{width:290px;flex:none;border-right:var(--border-width) solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);max-height:900px;overflow:auto}.filter-label{font-size:var(--text-label);font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:var(--space-2)}.filter-section-bordered{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4)}.text-input{width:100%;font-size:var(--text-body);font-family:var(--font-sans);color:var(--color-text);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-2) var(--space-3)}.artist-search{position:relative}.artist-search-dropdown{position:absolute;z-index:10;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow:auto;background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);box-shadow:var(--shadow-card);list-style:none;margin:0;padding:var(--space-1) 0}.artist-search-dropdown li{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-table);cursor:pointer}.artist-search-dropdown li:hover{background:var(--color-panel)}.checkbox-list{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-table);color:var(--color-text);cursor:pointer}.checkbox-row-label{display:flex;align-items:center;gap:var(--space-2)}.histogram{height:36px;display:flex;align-items:flex-end;gap:1px;margin-bottom:var(--space-2)}.histogram-bar{flex:1;min-height:1px;background:var(--color-accent-tint);border-radius:1px}.range-slider{position:relative;height:18px;display:flex;align-items:center}.range-slider-track{position:absolute;left:0;right:0;height:5px;background:var(--color-panel);border-radius:3px}.range-slider-fill{position:absolute;top:0;bottom:0;background:var(--color-accent);border-radius:3px}.range-slider input[type=range]{position:absolute;left:0;right:0;width:100%;margin:0;background:transparent;-webkit-appearance:none;pointer-events:none}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-card);box-shadow:0 0 0 1px var(--color-border);cursor:pointer}.range-slider input[type=range]::-moz-range-thumb{pointer-events:all;width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-card);cursor:pointer}.range-slider input[type=range]::-webkit-slider-runnable-track,.range-slider input[type=range]::-moz-range-track{background:transparent}.range-labels{display:flex;justify-content:space-between;font-size:var(--text-label);color:var(--color-muted);margin-top:var(--space-1)}.chip-group{display:flex;gap:var(--space-1);flex-wrap:wrap}.chip{font-size:var(--text-label);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-chip);color:var(--color-text);background:var(--color-card);cursor:pointer;font-family:var(--font-sans)}.chip-active{border-color:var(--color-accent);background:var(--color-accent-tint)}.segmented-control{display:flex;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);overflow:hidden}.segment{flex:1;text-align:center;padding:var(--space-2) 0;font-size:11.5px;color:var(--color-muted);background:var(--color-card);border:none;border-left:var(--border-width) solid var(--color-border);cursor:pointer;font-family:var(--font-sans)}.segment:first-child{border-left:none}.segment-active{background:var(--color-accent);color:#fff;font-weight:600}.reset-link{align-self:flex-start;font-size:var(--text-table);color:var(--color-accent);font-weight:600;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-sans)}.results-panel{flex:1;padding:var(--space-4) var(--space-5);min-width:0}.results-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.results-count{font-size:var(--text-card-title);font-weight:700;color:var(--color-text)}.sort-control{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-table)}.sort-control select{font-family:var(--font-sans);font-size:var(--text-table);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-1) var(--space-2);background:var(--color-card);color:var(--color-text)}.sort-dir-btn{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);background:var(--color-card);color:var(--color-text);cursor:pointer;padding:var(--space-1) var(--space-2)}.results-table{display:flex;flex-direction:column}.results-row{display:grid;grid-template-columns:36px 1.6fr .7fr 90px 90px 70px 70px 2fr .9fr;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-bottom:var(--border-width) solid var(--color-border);font-size:var(--text-table);color:var(--color-text)}.results-row-head{font-size:var(--text-label);font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;padding-bottom:var(--space-2)}.thumbnail{width:36px;height:36px;border-radius:4px;object-fit:cover;flex:none}.thumbnail-placeholder{background:repeating-linear-gradient(45deg,var(--color-panel),var(--color-panel) 4px,var(--color-border) 4px,var(--color-border) 5px)}.track-cell{min-width:0}.track-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:11.5px}.genre-chip{font-size:10.5px;padding:2px 7px;border-radius:10px;background:var(--color-panel);color:var(--color-muted)}.genre-tag-list{display:flex;flex-wrap:wrap;gap:6px}.genre-tag-chip{background:var(--color-accent2-tint)}.hits-cell{font-weight:600}.bpm-unknown{color:var(--color-muted);font-style:italic}.snippet-cell{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-hit{background:var(--color-accent2-tint);color:var(--color-text);font-weight:600;border-radius:3px;padding:0 2px}.empty-state{padding:var(--space-6);text-align:center;color:var(--color-muted);font-size:var(--text-body);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-table)}.pagination button{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);background:var(--color-card);color:var(--color-text);padding:var(--space-1) var(--space-3);cursor:pointer;font-family:var(--font-sans)}.pagination button:disabled{opacity:.4;cursor:default}.results-row-clickable{cursor:pointer}.results-row-clickable:hover,.results-row-clickable:focus-visible{background:var(--color-panel);outline:none}.nav-link-button{font-family:var(--font-sans);cursor:pointer}.nav-link-active{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal-card{width:520px;max-width:100%;max-height:90vh;overflow:auto;background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);outline:none}.modal-loading{color:var(--color-muted);padding:var(--space-5);text-align:center}.modal-header{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.thumbnail-lg{width:56px;height:56px;border-radius:6px}.modal-header-text{min-width:0}.modal-title{font-size:var(--text-card-title);font-weight:700}.modal-subtitle{margin:2px 0 var(--space-2)}.modal-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.modal-stat{background:var(--color-panel);border-radius:var(--radius-button);padding:var(--space-2) var(--space-3)}.modal-stat-label{font-size:var(--text-label);color:var(--color-muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}.modal-stat-value{font-size:var(--text-card-title);font-weight:700;margin-top:2px}.modal-section{margin-bottom:var(--space-4)}.hit-position-bar{position:relative;height:20px;background:var(--color-panel);border-radius:var(--radius-button)}.hit-position-marker{position:absolute;top:2px;bottom:2px;width:3px;border-radius:2px;background:var(--color-accent2);transform:translate(-1.5px)}.snippet-block{font-size:var(--text-table);background:var(--color-panel);border-radius:var(--radius-button);padding:var(--space-3);line-height:1.5}.snippet-meta{font-size:var(--text-label);margin-top:var(--space-1)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.btn-secondary{font-size:var(--text-table);font-weight:600;color:var(--color-text);background:var(--color-card);border:var(--border-width) solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-sans)}.btn-secondary:disabled{opacity:.6}.btn-link{text-decoration:none;display:inline-block;cursor:pointer}.stats-view{padding:var(--space-5)}.stats-filter-indicator{display:inline-block;font-size:var(--text-table);color:var(--color-accent);background:var(--color-accent-tint);border-radius:var(--radius-button);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4);font-weight:600}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.stats-card-title{font-size:var(--text-card-title);font-weight:700;margin-bottom:var(--space-3)}.leaderboard{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-row{display:grid;grid-template-columns:28px 1.4fr 1fr 40px;align-items:center;gap:var(--space-2);font-size:var(--text-table)}.leaderboard-rank{font-weight:700;color:var(--color-muted)}.leaderboard-track{min-width:0}.leaderboard-bar-wrap{background:var(--color-panel);border-radius:3px;overflow:hidden;height:8px}.leaderboard-bar{height:100%;background:var(--color-accent);border-radius:3px}.leaderboard-count{text-align:right;font-weight:600}.genre-bars{display:flex;flex-direction:column;gap:var(--space-2)}.genre-bar-row{display:grid;grid-template-columns:90px 1fr 48px;align-items:center;gap:var(--space-2);font-size:var(--text-table)}.genre-bar-track{background:var(--color-panel);border-radius:3px;overflow:hidden;height:10px}.genre-bar-fill{height:100%;background:var(--color-accent);border-radius:3px}.genre-bar-pct{text-align:right}.year-rate-chart{height:100px;display:flex;align-items:flex-end;gap:2px}.year-rate-bar{flex:1;min-height:1px;background:var(--color-accent);border-radius:1px}.stats-caption{font-size:var(--text-label);margin-top:var(--space-2)}.section-stack{display:flex;height:16px;border-radius:var(--radius-button);overflow:hidden;margin-bottom:var(--space-3)}.section-stack-segment{height:100%}.section-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-table)}.section-legend-item{display:flex;align-items:center;gap:var(--space-1)}.section-legend-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr}}.playlist-manager{padding:var(--space-5)}.playlist-manager-card{width:100%}.playlist-manager-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4)}.playlist-rows{display:flex;flex-direction:column}.playlist-row{padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-border)}.playlist-row:last-child{border-bottom:none}.playlist-row-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.playlist-row-main{min-width:0}.playlist-row-name{font-weight:600}.playlist-kind-badge{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--color-panel);color:var(--color-muted);margin-left:var(--space-2)}.playlist-row-meta{font-size:var(--text-label);margin-top:2px}.playlist-row-actions{display:flex;gap:var(--space-2);flex:none}.playlist-row-chevron{display:none;flex:none;font-size:20px;line-height:1;color:var(--color-muted);background:none;border:none;cursor:pointer;padding:var(--space-1)}.inline-confirm{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-table)}.btn-danger{background:var(--color-accent2)}.playlist-detail-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.playlist-detail-back{flex:none;font-size:24px;line-height:1;color:var(--color-text);background:none;border:none;cursor:pointer;padding:var(--space-1)}.playlist-detail-header-text{min-width:0}.playlist-detail-name{font-weight:600;font-size:var(--text-card-title)}.playlist-detail-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.toast{position:fixed;left:50%;bottom:var(--space-5);transform:translate(-50%);max-width:calc(100% - var(--space-5) * 2);font-size:var(--text-table);font-weight:600;border-radius:var(--radius-button);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card);cursor:pointer;z-index:200}.toast-error{color:var(--color-accent2);background:var(--color-accent2-tint)}.add-to-playlist{position:relative}.add-to-playlist-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;width:200px;background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);box-shadow:var(--shadow-card);padding:var(--space-1);display:flex;flex-direction:column;gap:2px;z-index:10}.add-to-playlist-empty{padding:var(--space-2);font-size:var(--text-table)}.add-to-playlist-option{text-align:left;font-size:var(--text-table);color:var(--color-text);background:none;border:none;border-radius:var(--radius-button);padding:var(--space-2);cursor:pointer;font-family:var(--font-sans)}.add-to-playlist-option:hover{background:var(--color-panel)}.add-to-playlist-new{margin-top:2px}.export-modal-card{width:440px}.export-modal-title{margin-bottom:var(--space-4)}.export-options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.export-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body);cursor:pointer}.export-option-disabled{color:var(--color-muted);cursor:default}.export-option-reason{font-size:var(--text-label);margin:-4px 0 0 22px}.export-callout{font-size:var(--text-table);background:var(--color-panel);border-radius:var(--radius-button);padding:var(--space-3);margin-bottom:var(--space-4)}.export-callout-warn{color:var(--color-accent2);background:var(--color-accent2-tint);font-weight:600}.name-modal-card{width:380px}.name-modal-title{margin-bottom:var(--space-3)}.name-modal-card .modal-footer{margin-top:var(--space-4)}.filter-rail-wrap{display:contents}.filter-sheet-done,.filter-pill,.results-cards-mobile{display:none}.thumbnail-sm{width:44px;height:44px;border-radius:4px}@media (max-width: 640px){.app-shell{margin:0;border-radius:0}.app-body{position:relative}.results-panel{padding:var(--space-4)}.results-table-desktop{display:none}.results-cards-mobile{display:flex;flex-direction:column}.result-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--color-border);cursor:pointer}.result-card-body{flex:1;min-width:0}.result-card-line1{font-size:var(--text-table);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card-snippet{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card-bpm{font-size:var(--text-label)}.result-card-hits{flex:none}.filter-pill{display:block;position:fixed;left:50%;bottom:var(--space-4);transform:translate(-50%);z-index:50;border-radius:999px;box-shadow:var(--shadow-card)}.filter-rail-wrap{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--color-card);transform:translateY(100%);transition:transform .15s ease-out;overflow:auto}.filter-rail-wrap-open{transform:translateY(0)}.filter-rail-wrap .filter-rail{width:100%;max-height:none;border-right:none}.filter-sheet-done{display:block;position:sticky;bottom:0;width:100%;border-radius:0}.stats-view,.playlist-manager{padding:var(--space-4)}.playlist-row-chevron{display:block}.playlist-row-actions{display:none}.top-bar{flex-wrap:wrap;gap:var(--space-2)}.top-bar-nav{flex-wrap:wrap}}