.listening-mosaic{--mosaic-surface: var(--surface, #1c1c22);--mosaic-text: var(--text, #f2f0f6);--mosaic-muted: var(--muted, #b0acba);--mosaic-accent: var(--accent, #b3a6ff);--mosaic-border: var(--line, #35343e);width:100%;min-width:0;isolation:isolate;container-type:inline-size}.mosaic-row{display:grid;grid-template-columns:repeat(var(--mosaic-columns),minmax(0,1fr));gap:var(--mosaic-gap);block-size:var(--mosaic-row-height);margin-block-start:var(--mosaic-gap);content-visibility:auto}.mosaic-row:first-child{margin-block-start:0}.mosaic-tile{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:7px;background:var(--mosaic-surface);contain:layout paint}.mosaic-artwork,.mosaic-fallback,.mosaic-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mosaic-artwork{object-fit:cover;outline:1px solid rgb(255 255 255 / 10%);outline-offset:-1px}.mosaic-select{z-index:3;display:block;border:0;border-radius:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.mosaic-select:focus-visible{outline:2px solid var(--mosaic-accent);outline-offset:-4px}.mosaic-rank{position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:10px;padding:5px 7px;border-radius:4px;background:#131316e0;color:#fff;font-size:.6875rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}.mosaic-label{position:absolute;z-index:2;inset-inline:0;inset-block-end:0;padding:12px;color:var(--mosaic-text);background:#131316f0;font-size:.9375rem;pointer-events:none}.mosaic-label h3{overflow:hidden;margin:0;color:var(--mosaic-text);font:inherit;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.mosaic-details{padding-block-start:8px}.mosaic-details p{overflow:hidden;margin:0;color:var(--mosaic-muted);font-size:.75rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mosaic-metric{display:flex;align-items:center;gap:5px;overflow:hidden;margin-block-start:6px;color:var(--mosaic-muted);font-size:.75rem;line-height:1.3;white-space:nowrap}.mosaic-metric:first-child{margin-block-start:0}.mosaic-metric strong{color:var(--mosaic-text);font-weight:500;font-variant-numeric:tabular-nums}.mosaic-metric svg{flex:0 0 auto;color:var(--mosaic-accent)}.mosaic-tile-large .mosaic-label h3{font-size:1.125rem}.mosaic-play{position:absolute;z-index:4;inset-block-start:8px;inset-inline-end:8px;display:grid;place-items:center;width:40px;height:40px;padding:0 0 0 2px;border:1px solid rgb(255 255 255 / 25%);border-radius:50%;color:#fff;background:#131316e5;cursor:pointer;-webkit-tap-highlight-color:transparent}.mosaic-play:focus-visible{outline:2px solid var(--mosaic-accent);outline-offset:3px}.mosaic-fallback{display:grid;align-content:center;justify-items:center;gap:10px;overflow:hidden;background:var(--mosaic-surface);color:#a3a0ae}.mosaic-fallback span{color:var(--mosaic-muted);font-size:.75rem;letter-spacing:.08em}.listening-mosaic-is-empty{border-radius:10px;background:var(--mosaic-surface)}.mosaic-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:28px;text-align:center}.mosaic-empty>svg{color:var(--mosaic-muted)}.mosaic-empty h3{margin:20px 0 0;color:var(--mosaic-text);font-size:1.375rem;font-weight:500;line-height:1.3}.mosaic-empty p{max-width:370px;margin:12px 0 0;color:var(--mosaic-muted);font-size:.875rem;line-height:1.5}.mosaic-growth-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-end:18px;padding:18px;border-radius:8px;background:var(--mosaic-surface)}.mosaic-growth-notice strong{color:var(--mosaic-text);font-size:.875rem;font-weight:500;line-height:1.4}.mosaic-growth-notice p{max-width:650px;margin:7px 0 0;color:var(--mosaic-muted);font-size:.8125rem;line-height:1.5}.mosaic-import-growth{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:40px;padding:10px 12px;border:1px solid var(--mosaic-border);border-radius:6px;background:transparent;color:var(--mosaic-text);font:inherit;font-size:.8125rem;cursor:pointer}.mosaic-import-growth:focus-visible{outline:2px solid var(--mosaic-accent);outline-offset:3px}.mosaic-load-more{display:flex;align-items:center;justify-content:center;gap:16px;min-height:88px;color:var(--mosaic-muted);font-size:.8125rem}.mosaic-load-more button{min-height:40px;padding:9px 14px;border:1px solid var(--mosaic-border);border-radius:6px;color:var(--mosaic-text);background:var(--mosaic-surface);font:inherit;cursor:pointer}.mosaic-load-more button:focus-visible{outline:2px solid var(--mosaic-accent);outline-offset:3px}@container (max-width: 600px){.mosaic-growth-notice{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.mosaic-label{padding:10px;font-size:.875rem}.mosaic-details{padding-block-start:5px}.mosaic-metric{flex-wrap:wrap;column-gap:4px;row-gap:0;margin-block-start:4px}.mosaic-metric,.mosaic-details p{font-size:.75rem}.mosaic-rank{inset-block-start:8px;inset-inline-start:8px}.mosaic-play{width:36px;height:36px}.mosaic-load-more{gap:10px;font-size:.75rem}}@media(hover:hover)and (pointer:fine){.mosaic-label{transform:translateY(calc(100% - 44px))}.mosaic-tile-large .mosaic-label{transform:translateY(calc(100% - 48px))}.mosaic-details,.mosaic-play{opacity:0}.mosaic-tile:hover .mosaic-label,.mosaic-tile:focus-within .mosaic-label{transform:translateY(0)}.mosaic-tile:hover .mosaic-details,.mosaic-tile:focus-within .mosaic-details,.mosaic-tile:hover .mosaic-play,.mosaic-tile:focus-within .mosaic-play{opacity:1}.mosaic-play:hover{color:#191621;background:var(--mosaic-accent)}.mosaic-load-more button:hover,.mosaic-import-growth:hover{border-color:var(--mosaic-accent)}}@media(prefers-reduced-motion:no-preference){.mosaic-label{transition:transform .2s cubic-bezier(.2,0,0,1)}.mosaic-details,.mosaic-play{transition:opacity .15s ease-out}.mosaic-play:not(:disabled):active{transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.mosaic-label{transform:none!important}.mosaic-details{opacity:1}}.audience-growth-chart{margin-top:24px;padding:22px 0 4px;border-top:1px solid var(--line);min-width:0}.audience-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.audience-chart-heading h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em}.audience-growth-ratio{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #b7a8ed30;border-radius:8px;color:#d0c1f7;background:#b7a8ed0a;font-size:17px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.audience-chart-canvas{position:relative;width:100%;min-width:0;margin-top:6px}.audience-chart-svg{display:block;width:100%;overflow:visible}.audience-chart-axis line{stroke:var(--line);stroke-opacity:.7;stroke-dasharray:3 5}.audience-chart-axis text,.audience-chart-date{fill:var(--subtle);font-size:10px;font-family:inherit;font-variant-numeric:tabular-nums}.audience-series-line{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.audience-observation{fill:#c9b8f4;stroke:var(--surface);stroke-width:1.5}.audience-first-indicator{color:#dbd5e9;pointer-events:none}.audience-first-marker{stroke:currentColor;stroke-width:1;stroke-dasharray:3 4;stroke-opacity:.7}.audience-first-indicator circle{fill:currentColor}.audience-first-label{position:absolute;top:8px;display:flex;flex-direction:column;gap:4px;max-width:146px;pointer-events:none;line-height:1.3}.audience-first-label span{color:#d4cddd;font-size:10px}.audience-first-label time{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.audience-chart-hitbox{position:absolute;touch-action:pan-y;cursor:crosshair;border-radius:5px;outline:none}.audience-chart-hitbox:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.audience-active-point{pointer-events:none}.audience-active-point line{stroke:#d5c3f7;stroke-opacity:.3;stroke-dasharray:2 4}.audience-active-point circle{fill:#eee4ff;stroke:#8c77bd;stroke-width:3}.audience-chart-tooltip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:7px;padding:11px 12px;border:1px solid #696074;border-radius:9px;background:#26222f;box-shadow:0 6px 22px #0004;pointer-events:none;line-height:1.3}.audience-chart-tooltip time{color:#c4bccf;font-size:10px}.audience-chart-tooltip strong{color:#f2eafa;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.audience-chart-tooltip strong span{font-size:10px;font-weight:400;color:#c4bccf}.audience-chart-tooltip small{color:#a79cb8;font-size:10px}.audience-chart-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;color:var(--subtle);font-size:10px;line-height:1.6}.audience-chart-caption>span{display:flex;align-items:baseline;gap:6px}.audience-chart-caption i{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#b7a8ed}.audience-chart-caption a{flex-shrink:0;margin-left:auto;color:#bcb0d7;text-decoration:none}.audience-chart-caption a:hover{text-decoration:underline}.audience-chart-note{margin:11px 0 0;color:var(--subtle);font-size:11px;line-height:1.6}.audience-chart-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:24px 14px;color:var(--subtle)}.audience-chart-empty svg{color:#9c8cb9}.audience-chart-empty p{margin:0;max-width:370px;font-size:12px;line-height:1.7}.audience-chart-empty span{font-size:10px;color:var(--subtle)}@media(max-width:480px){.audience-growth-chart{margin-top:20px;padding-top:18px}.audience-chart-heading{gap:8px}.audience-growth-ratio{font-size:15px;padding:5px 7px;gap:5px}.audience-growth-ratio svg{width:14px}.audience-chart-caption{font-size:9px}.audience-chart-note{font-size:10px}}.audio-player{position:fixed;z-index:80;bottom:16px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:minmax(160px,1fr) 44px minmax(180px,1.6fr) 126px 40px;align-items:center;gap:20px;width:calc(100% - 40px);max-width:1420px;min-height:88px;padding:14px 18px;background:#18181d;border:1px solid #35343e;border-radius:16px;box-shadow:0 12px 44px #0005;color:#f1eff8;font-family:inherit}.audio-player button{font-family:inherit;cursor:pointer;border:0}.audio-player button:focus-visible,.audio-player input:focus-visible{outline:2px solid #b8afff;outline-offset:4px}.audio-player button:disabled{cursor:default;opacity:.5}.audio-player-identity{display:flex;align-items:center;gap:12px;min-width:0;padding:0;background:transparent;color:inherit;text-align:left}.audio-player-cover{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;overflow:hidden;border-radius:6px;background:#292832;color:#b9b1cf;font-size:23px}.audio-player-cover img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.audio-player-title{display:flex;min-width:0;flex-direction:column;gap:5px}.audio-player-title strong,.audio-player-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player-title strong{font-size:13px;font-weight:650;line-height:1.3}.audio-player-title>span{font-size:11px;color:#a3a0b1}.audio-player-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;padding:0;background:#e8e3ff;color:#191621;border-radius:50%;transition:background-color .15s,transform .15s}.audio-player-toggle:not(:disabled):hover{background:#c8beff;transform:scale(1.04)}.audio-player-timeline{min-width:0;display:flex;flex-direction:column;gap:3px}.audio-player-time{display:flex;justify-content:space-between;color:#c4bfd0;font-size:10px;font-variant-numeric:tabular-nums;line-height:1}.audio-player input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;padding:0;height:20px;min-height:20px;margin:0;width:100%;background:transparent;cursor:pointer;touch-action:pan-y;border:0;border-radius:0}.audio-player input[type=range]::-webkit-slider-runnable-track{height:3px;border:0;border-radius:6px;background:linear-gradient(to right,#a99bfa 0%,#a99bfa var(--audio-progress),#48444f var(--audio-progress),#48444f 100%)}.audio-player input[type=range]::-moz-range-track{height:3px;border:0;border-radius:6px;background:#48444f}.audio-player input[type=range]::-moz-range-progress{height:3px;background:#a99bfa;border-radius:6px}.audio-player input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-3.5px;background:#e8e3ff;border:0;border-radius:50%;transition:box-shadow .15s}.audio-player input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#e8e3ff;border:0;border-radius:50%}.audio-player input[type=range]:hover::-webkit-slider-thumb,.audio-player input[type=range]:focus-visible::-webkit-slider-thumb,.audio-player.is-seeking .audio-player-seek::-webkit-slider-thumb{box-shadow:0 0 0 4px #a99bfa25}.audio-player input[type=range]:disabled{opacity:.4;cursor:default}.audio-player-source{min-height:12px;font-size:9px;line-height:12px;color:#9b96aa}.audio-player-source a{display:inline-flex;align-items:center;gap:4px;max-width:100%;color:inherit;text-decoration:none}.audio-player-source a:hover{color:#d7cfff;text-decoration:underline;text-underline-offset:3px}.audio-player-unavailable{display:flex;align-items:center;gap:12px;min-height:40px;color:#b4adbf;font-size:11px;line-height:1.4}.audio-player-unavailable button{display:inline-flex;align-items:center;gap:5px;padding:8px;color:#d7cfff;background:transparent;border-radius:6px;font-size:11px;white-space:nowrap}.audio-player-unavailable button:hover{background:#25222e}.audio-player-volume{display:flex;align-items:center;gap:6px}.audio-player-volume button,.audio-player-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;background:transparent;color:#b9b2c6;border-radius:7px}.audio-player-volume button:hover,.audio-player-close:hover{background:#292631;color:#f1eff8}.audio-player-volume input[type=range]{min-width:0}.audio-player-spinner{animation:audio-player-spin 1s linear infinite}@keyframes audio-player-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.audio-player{grid-template-columns:minmax(140px,1fr) 42px minmax(150px,1.3fr) 40px;gap:14px}.audio-player-volume{display:none}}@media(max-width:600px){.audio-player{bottom:10px;width:calc(100% - 20px);padding:12px 14px 9px;border-radius:13px;grid-template-columns:minmax(0,1fr) 42px 40px;gap:8px 12px;min-height:112px}.audio-player-identity{gap:10px}.audio-player-cover{width:40px;height:40px}.audio-player-title strong{font-size:12px}.audio-player-title>span{font-size:10px}.audio-player-toggle,.audio-player-close{width:40px;height:40px}.audio-player-timeline{grid-row:2;grid-column:1/-1;gap:0}.audio-player-time{font-size:9px}.audio-player input[type=range]{height:24px;min-height:24px}.audio-player-source{font-size:8px;min-height:10px;line-height:10px}.audio-player-unavailable{min-height:44px;justify-content:space-between;font-size:10px}.audio-player-source a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.audio-player-toggle,.audio-player input[type=range]::-webkit-slider-thumb{transition:none}}.date-range-calendar{width:100%;min-width:0;color:var(--text);font-variant-numeric:tabular-nums}.date-range-calendar-summary{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:9px;margin-bottom:14px}.date-range-calendar-summary>span:not(.date-range-calendar-separator){display:flex;flex-direction:column;gap:5px;min-width:0}.date-range-calendar-summary small{color:var(--subtle);font-size:10px;line-height:1.3}.date-range-calendar-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;font-weight:500}.date-range-calendar-separator{color:var(--subtle);font-size:13px;text-align:center}.date-range-calendar-toolbar{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:6px;align-items:center;margin-bottom:12px}.date-range-calendar-nav{display:flex;align-items:center;justify-content:center;width:30px;height:34px;padding:0;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface)}.date-range-calendar-nav:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:#655d76}.date-range-calendar-nav:disabled{opacity:.28;cursor:default}.date-range-calendar-month-year{display:grid;grid-template-columns:minmax(0,1fr) 73px;gap:6px;min-width:0}.date-range-calendar-month-year select{display:block;width:100%;min-width:0;height:34px;min-height:34px;padding:4px 5px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px;line-height:1.4;cursor:pointer}.date-range-calendar-grid{width:100%;min-width:0;-webkit-user-select:none;user-select:none}.date-range-calendar-weekdays,.date-range-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.date-range-calendar-weekdays{padding-bottom:6px}.date-range-calendar-weekdays>span{padding:3px 0;color:var(--subtle);font-size:10px;font-weight:500;line-height:1.4;text-align:center}.date-range-calendar-week+.date-range-calendar-week{margin-top:3px}.date-range-calendar-cell{position:relative;min-width:0;border-radius:0}.date-range-calendar-day{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:35px;min-width:0;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font-size:12px;line-height:1.3;transition:background-color .12s ease,border-color .12s ease}.date-range-calendar-day>span{position:relative}.date-range-calendar-day:hover:not(:disabled){background:#b7a8ed20;border-color:#b7a8ed44}.date-range-calendar-day:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;z-index:2}.date-range-calendar-day:disabled{color:var(--subtle);opacity:.27;cursor:default}.date-range-calendar-cell.is-outside-month .date-range-calendar-day{color:var(--subtle)}.date-range-calendar-cell.is-in-range{background:#b7a8ed1a}.date-range-calendar-cell.is-range-start{border-radius:6px 0 0 6px}.date-range-calendar-cell.is-range-end{border-radius:0 6px 6px 0}.date-range-calendar-cell.is-range-start.is-range-end{border-radius:6px}.date-range-calendar-cell.is-preview:not(.is-in-range){background:#b7a8ed0c}.date-range-calendar-cell.is-in-range .date-range-calendar-day{color:#e5def8}.date-range-calendar-cell.is-range-start .date-range-calendar-day,.date-range-calendar-cell.is-range-end .date-range-calendar-day{background:var(--accent);color:var(--accent-ink);font-weight:600;border-color:var(--accent)}.date-range-calendar-cell.is-today .date-range-calendar-day>span:after{content:"";position:absolute;left:50%;bottom:-6px;width:3px;height:3px;border-radius:50%;background:currentColor;transform:translate(-50%)}.date-range-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;min-width:0}.date-range-calendar-footer>p{margin:0;color:var(--subtle);font-size:10px;line-height:1.5;max-width:180px}.date-range-calendar-footer>button{flex-shrink:0;padding:4px 0;color:var(--accent);font-size:11px;line-height:1.5;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.date-range-calendar-footer>button:hover{text-decoration-color:currentColor}@media(pointer:coarse){.date-range-calendar-day,.date-range-calendar-nav{height:38px}.date-range-calendar-month-year select{height:38px;min-height:38px;font-size:16px;padding-right:0;padding-left:4px}.date-range-calendar-month-year{grid-template-columns:minmax(0,1fr) 76px;gap:4px}.date-range-calendar-toolbar{gap:4px}.date-range-calendar-footer>button{min-height:36px}}@media(prefers-reduced-motion:reduce){.date-range-calendar-day{transition:none}}.filters-popover.library-filters{width:710px;max-width:calc(100vw - 48px);max-height:min(78dvh,740px);padding:20px;background:var(--surface);border-color:#575160;border-radius:12px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#61566f transparent}.library-filters .popover-heading{margin-bottom:22px}.filters-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:start}.library-filters .filter-period{margin:0}.library-filters .filter-period>legend{padding:0;margin-bottom:16px}.filter-options{min-width:0;padding-left:24px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:23px}.library-filters .filter-options fieldset{margin:0}.library-filters .field select{background:var(--background);border-color:var(--input-line)}.library-filters .field-help{font-size:.6875rem;line-height:1.6;font-weight:400;color:var(--subtle);margin-top:0}.library-filters .genre-explanation{font-size:.6875rem;margin-top:9px}.library-filters .genre-explanation summary{color:var(--subtle)}.library-filters .filter-actions{margin-top:23px;padding-top:17px;border-top:1px solid var(--line);position:sticky;bottom:-20px;padding-bottom:1px;background:var(--surface);z-index:3}.play-count-range{min-width:0}.play-count-range-values{display:flex;justify-content:flex-end;gap:18px;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:8px}.play-count-range-values output{white-space:nowrap}.play-count-range-values strong{font-size:.875rem;color:var(--text);font-weight:500;margin-left:3px}.play-count-slider{height:40px;position:relative;touch-action:none}.play-count-rail{position:absolute;height:4px;left:10px;right:10px;top:18px;border-radius:3px;background:#403a4a;pointer-events:none}.play-count-rail>span{position:absolute;inset-block:0;border-radius:3px;background:var(--accent)}.play-count-slider .play-count-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:40px;background:transparent;margin:0;padding:0;pointer-events:none;outline:none;border:0}.play-count-thumb::-webkit-slider-runnable-track{height:4px;background:transparent;border:0}.play-count-thumb::-moz-range-track{height:4px;background:transparent;border:0}.play-count-thumb::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #b7a8ed70;cursor:grab;pointer-events:auto;transition:box-shadow .12s ease-out}.play-count-thumb::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #b7a8ed70;cursor:grab;pointer-events:auto}.play-count-thumb:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #b7a8ed60}.play-count-thumb:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #b7a8ed60}.play-count-thumb:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 4px #b7a8ed28}.play-count-thumb-min{z-index:1}.play-count-thumb-max{z-index:2}.play-count-slider:has(.play-count-thumb-min:focus-visible) .play-count-thumb-min{z-index:3}.play-count-range-scale{display:flex;justify-content:space-between;padding:1px 2px 0;font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--subtle)}@media(max-width:760px){.filters-popover.library-filters{position:fixed;top:114px;right:12px;left:12px;width:auto;max-width:710px;max-height:calc(100dvh - 138px);margin-left:auto;padding:18px}.filters-columns{gap:20px}.filter-options{padding-left:20px}}@media(max-width:600px){.filters-popover.library-filters{top:112px;max-width:430px;max-height:calc(100dvh - 132px);padding:17px}.filters-columns{grid-template-columns:minmax(0,1fr);gap:23px}.filter-options{padding-left:0;padding-top:22px;border-left:0;border-top:1px solid var(--line);gap:21px}.library-filters .field select{font-size:16px}.library-filters .popover-heading{margin-bottom:17px}.library-filters .filter-actions{bottom:-17px;padding-bottom:2px}}.filter-control{display:inline-flex;align-items:stretch;min-height:42px;border:1px solid #5d586b;border-radius:7px;background:var(--surface);color:var(--text);white-space:nowrap;transition:background-color .15s ease-out,border-color .15s ease-out}.filter-control:hover{border-color:#9183b4}.filter-control--applied{border-color:var(--accent);color:#d4c5fb}.filter-control>.filter-control__toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1.4}.filter-control__toggle:hover,.filter-control__clear:hover{background:var(--surface-hover)}.filter-control__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:4px;background:#514568;color:#f5f0ff;font-size:.75rem;font-variant-numeric:tabular-nums}.filter-control__clear-slot{width:0;overflow:hidden;opacity:0;pointer-events:none;transition:width .18s ease-out,opacity .15s ease-out}.filter-control:hover .filter-control__clear-slot,.filter-control:focus-within .filter-control__clear-slot{width:40px;opacity:1;pointer-events:auto}.filter-control__clear{display:flex;align-items:center;justify-content:center;width:40px;height:100%;min-height:40px;padding:0;border-left:1px solid var(--line);border-radius:0 6px 6px 0;color:inherit}.filter-control__toggle:focus-visible,.filter-control__clear:focus-visible{outline-offset:-4px}@media(max-width:800px){.filter-control>.filter-control__toggle{padding:9px 11px;font-size:.8125rem}}@media(max-width:500px){.filter-control>.filter-control__toggle{gap:6px;padding:9px;font-size:.75rem}}@media(hover:none),(pointer:coarse){.filter-control .filter-control__clear-slot{width:40px;opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.filter-control,.filter-control__clear-slot{transition:none}}.language-switcher{position:relative;z-index:50;display:inline-flex;flex-shrink:0;width:90px;min-height:36px;color:var(--muted)}.language-switcher-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font-size:.8125rem}.language-switcher-trigger:hover{background:var(--surface-hover)}.language-flag{display:block;width:21px;height:14px;border-radius:2px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px #ffffff20}.language-switcher-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:100px;padding:4px;border:1px solid #575160;border-radius:8px;background:var(--surface);box-shadow:0 8px 24px #0005}.language-switcher-menu>button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border-radius:4px;text-align:left;color:var(--text);font-size:.8125rem}.language-switcher-menu>button[aria-selected=true]{background:#b7a8ed1a}.language-switcher-menu>button:hover{background:var(--surface-hover)}.language-switcher-menu>button:focus-visible{outline-offset:-2px}@media(max-width:900px){.topbar:not(.is-upload){position:relative;min-height:103px;flex-wrap:wrap;align-content:center;gap:0 15px}.topbar:not(.is-upload) .top-nav{order:3;width:100%;height:35px;align-self:auto;margin-top:8px;padding-right:102px;gap:23px}.topbar:not(.is-upload) .top-nav>button{white-space:nowrap}.topbar:not(.is-upload) .language-switcher{position:absolute;right:32px;bottom:7px}.topbar:not(.is-upload) .topbar-actions{gap:0}}@media(max-width:730px){.topbar:not(.is-upload) .language-switcher{right:18px}.topbar.is-upload{gap:10px}.topbar.is-upload .language-switcher{position:relative}}@media(max-width:500px){.topbar:not(.is-upload) .language-switcher{right:16px}.topbar:not(.is-upload) .top-nav{padding-right:102px;gap:19px}.topbar.is-upload{min-height:68px}}:root{font-family:Onest,Manrope,sans-serif;font-synthesis:none;color-scheme:dark;--background:#101014;--surface:#1a1a21;--surface-hover:#24242d;--text:#f1eff5;--muted:#aaa7b7;--subtle:#898594;--line:#33323e;--input-line:#747080;--accent:#b7a8ed;--accent-ink:#1d172c;--danger:#efb4b4;color:var(--text);background:var(--background);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a{transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}button:disabled:hover{transform:none}input{min-width:0}select{color:inherit;background:var(--surface);border:1px solid var(--input-line);border-radius:7px;min-height:40px;padding:8px 11px;cursor:pointer;font-size:.875rem}select option{background:var(--surface);color:var(--text)}.app-shell{min-height:100vh;padding-bottom:30px}.app-shell:has(.audio-player){padding-bottom:135px}.topbar{display:flex;align-items:center;gap:48px;min-height:76px;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:650;letter-spacing:-.6px;white-space:nowrap}.brand>svg{color:var(--accent)}.top-nav{display:flex;align-items:center;align-self:stretch;gap:26px}.top-nav>button{position:relative;padding:0 3px;color:var(--muted);font-size:.875rem;font-weight:500}.top-nav>button.selected{color:var(--text)}.top-nav>button.selected:after{content:"";position:absolute;height:2px;bottom:0;left:3px;right:3px;background:var(--accent)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #5d586b;border-radius:7px;background:#23212c;color:var(--text);font-size:.875rem;font-weight:500;line-height:1.4}.button:hover{background:#302c3c;border-color:#9183b4}.button-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.button-primary:hover{background:#c5b8f4;border-color:#c5b8f4}.button-small{font-size:.8125rem;padding:8px 12px;min-height:38px}.full-width{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:7px;color:var(--muted);padding:0}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.text-button{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8125rem;line-height:1.5;padding:0;min-height:28px}.text-button:hover{color:var(--text)}.upload-page{max-width:670px;margin:0 auto;padding:76px 24px 70px}.upload-intro h1{font-size:2.7rem;line-height:1.13;letter-spacing:-1.4px;font-weight:600;margin-bottom:22px}.upload-intro p{color:var(--muted);font-size:.9375rem;line-height:1.6;max-width:450px}.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:38px 24px;border:1px dashed #736b87;border-radius:11px;background:#1a1821;color:var(--accent);cursor:pointer;text-align:center;margin:30px 0 15px}.drop-zone>input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop-zone>strong{color:var(--text);font-size:1rem;font-weight:500;line-height:1.5}.drop-zone>span:not(.button){font-size:.8125rem;line-height:1.5;color:var(--muted)}.drop-zone .button{pointer-events:none;margin-top:7px;font-size:.875rem}.drop-zone.dragging{border-color:var(--accent);background:#2b243a}.drop-zone.busy{opacity:.65}.upload-privacy{font-size:.8125rem;line-height:1.6;color:var(--subtle);max-width:520px}.upload-instructions{margin-top:26px}.continue-library{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:8px;text-align:left;background:var(--surface);padding:16px;margin-top:24px}.continue-library>span{flex:1;display:flex;align-items:center;gap:12px;font-size:.875rem}.continue-library small{font-size:.8125rem;color:var(--muted)}.continue-library>svg:last-child{color:var(--muted)}.continue-library:hover{background:var(--surface-hover)}.library-page{width:100%;max-width:none;padding:32px 32px 20px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.library-heading h1{font-size:2rem;line-height:1.2;letter-spacing:-.9px;font-weight:600}.library-heading p{color:var(--muted);font-size:.8125rem;line-height:1.5;margin-top:9px}.library-heading p span{padding:0 7px;color:#696573}.library-controls{display:flex;align-items:center;gap:12px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:27px}.entity-toggle{display:flex;padding:4px;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.entity-toggle>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;min-height:35px;font-size:.875rem;border-radius:5px;color:var(--muted)}.entity-toggle>button.selected{background:#35303f;color:#f4eefc}.controls-spacer{flex:1}.search-box{display:flex;align-items:center;gap:9px;padding:10px 12px;width:315px;background:#19181e;border:1px solid var(--input-line);border-radius:7px;color:var(--muted)}.search-box input{width:100%;border:0;background:none;color:var(--text);outline:none;font-size:.875rem;line-height:1.4}.search-box input::placeholder{color:#9993a5}.search-box>button{display:flex;align-items:center;padding:0;color:var(--muted)}.filters-anchor{position:relative}.filter-trigger{min-height:42px;white-space:nowrap;background:var(--surface)}.filter-trigger.applied{border-color:var(--accent);color:#d4c5fb}.filter-trigger>span{display:inline-flex;align-items:center;justify-content:center;background:#514568;color:#f5f0ff;border-radius:4px;min-width:20px;height:20px;font-size:.75rem;padding:0 4px}.filters-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:365px;max-height:min(76vh,630px);overflow:auto;border:1px solid #635b73;border-radius:12px;background:#201d28;padding:19px;box-shadow:0 14px 55px #0006}.popover-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.popover-heading h2{font-size:1rem;display:flex;align-items:center;gap:8px}.popover-heading .icon-button{height:30px;width:30px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:.8125rem;color:#c4bcd1}.field select,.field input{width:100%;min-width:0;border:1px solid #8c809e;border-radius:6px;min-height:40px;background:#17141d;color:var(--text);padding:8px 10px;font-size:.875rem}.field select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field input::placeholder{color:#a99fb7}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filters-popover fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.filters-popover legend{font-size:.875rem;font-weight:500;margin-bottom:12px}.filter-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{font-size:1rem;font-weight:600;letter-spacing:-.2px;line-height:1.4}.section-heading>span{font-size:.75rem;color:var(--muted)}.podium-section{margin-bottom:30px}.podium-section>.section-heading{margin-bottom:22px}.podium-section>.section-heading h2{font-size:.875rem;color:var(--muted);font-weight:500}.podium-section>.section-heading>span{font-size:.75rem}.podium{display:grid;grid-template-columns:1fr 1.14fr 1fr;align-items:end;gap:28px;max-width:910px;margin:0 auto}.podium-card{position:relative;min-width:0;width:100%;max-width:300px;justify-self:center}.podium-place-2,.podium-place-3{max-width:235px}.podium-select{display:block;width:100%;padding:0;text-align:left}.podium-cover{position:relative;aspect-ratio:1;width:100%;border-radius:8px;overflow:hidden;background:var(--surface)}.podium-cover .artwork{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0}.artwork{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;width:40px;height:40px;border-radius:5px;background:#2a2732}.artwork img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;outline:1px solid #ffffff1a;outline-offset:-1px}.artwork-initials{font-size:.8125rem;color:#b9accb;font-weight:500;letter-spacing:.6px}.podium-cover .artwork-initials{font-size:2rem}.podium-rank{position:absolute;z-index:2;top:9px;left:9px;background:#121017e8;color:#e6e0ef;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.8125rem;font-variant-numeric:tabular-nums}.podium-place-1 .podium-rank{background:#ddd0fa;color:#22182d}.podium-description{display:flex;flex-direction:column;gap:5px;padding-top:13px;min-width:0}.podium-description>strong{font-size:1rem;font-weight:550;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.podium-description>span{font-size:.8125rem;color:var(--muted);line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.podium-description b{display:flex;align-items:baseline;gap:7px;font-size:1.25rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.5;margin-top:3px}.podium-description small{font-size:.75rem;font-weight:400;color:var(--muted)}.podium-place-1 .podium-description>strong{font-size:1.125rem}.podium-place-1 .podium-description b{font-size:1.5rem}.podium-play{position:absolute;right:10px;bottom:121px;display:flex;align-items:center;justify-content:center;padding:0 0 0 2px;width:42px;height:42px;border-radius:50%;background:#f0e8ff;color:#23172d;border:1px solid #fff3}.podium-place-1 .podium-play{bottom:130px}.overview-strip{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;padding:27px 0 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;align-items:center}.stat{display:flex;flex-direction:column;gap:9px}.stat>span{font-size:.75rem;color:var(--muted);line-height:1.5}.stat>strong{font-size:1.8rem;line-height:1.2;letter-spacing:-.7px;font-weight:500;font-variant-numeric:tabular-nums}.activity-panel{min-width:0;padding-left:30px;border-left:1px solid var(--line)}.activity-panel>.section-heading h2{font-size:.875rem}.activity-chart{position:relative;padding:22px 0 0 36px}.chart-y-axis{position:absolute;top:22px;left:0;display:flex;flex-direction:column;justify-content:space-between;height:140px;font-size:.625rem;color:#9b91a7;pointer-events:none;font-variant-numeric:tabular-nums}.chart-plot{position:relative;height:140px;cursor:crosshair;touch-action:pan-y;border-radius:2px}.chart-horizontal-lines{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-horizontal-lines>i{border-top:1px dashed #474050;display:block}.chart-bars{display:flex;align-items:stretch;height:100%;position:relative;z-index:1}.chart-month{display:flex;align-items:flex-end;position:relative;flex:1;min-width:0;height:100%}.chart-bar{display:block;width:100%;background:#6e5d8b;border-radius:2px 2px 0 0;pointer-events:none}.chart-month:nth-child(3n) .chart-bar{background:#8772a8}.chart-bar.recent{background:#beacd9}.chart-month-active .chart-bar{background:#e1c4fb!important}.chart-month-active:after{content:"";position:absolute;top:0;right:-2px;bottom:0;left:-2px;background:#ba99ee12;z-index:-1}.chart-crosshair{position:absolute;top:0;bottom:0;pointer-events:none;z-index:2;border-left:1px dashed #c6a7e6}.chart-tooltip{position:absolute;top:7px;z-index:5;width:180px;background:#292132;border:1px solid #9277a9;border-radius:6px;padding:12px 13px;display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 25px #0005;pointer-events:none}.chart-tooltip strong{font-size:.8125rem;color:#f7edff;font-weight:500;text-transform:capitalize}.chart-tooltip>span{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#d5c0e5;line-height:1.4}.chart-tooltip i{width:5px;height:5px;border-radius:1px;background:#d4b9f0;flex-shrink:0}.chart-tooltip small{font-size:.6875rem;color:#b8a0cc;padding-left:11px}.chart-labels{display:flex;justify-content:space-between;color:#a18dad;font-size:.625rem;margin-top:9px}.music-section{padding-bottom:20px}.library-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.library-list-heading h2{display:flex;align-items:center;gap:9px;font-size:1.15rem;font-weight:600;letter-spacing:-.3px}.small-count{font-size:.75rem;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.method-tabs{display:flex;align-items:center;gap:6px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#17151c}.method-tabs button{display:flex;align-items:center;gap:6px;padding:8px 11px;min-height:34px;color:#b7aabd;font-size:.8125rem;border-radius:4px;white-space:nowrap}.method-tabs button.selected{background:#393040;color:#f4e6fd}.modal{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:25px 28px 28px;margin:auto;overflow:auto;border:1px solid #574b63;border-radius:13px;background:#201a27;color:#eee5f4;box-shadow:0 20px 80px #0008;scrollbar-width:thin;scrollbar-color:#675072 #201a27}.modal::backdrop{background:#08050bbd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#bfa3d1}.modal>h2{font-size:1.45rem;line-height:1.35;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere;margin-bottom:16px}.modal-intro{font-size:.875rem;color:#bca8c7;line-height:1.65;margin:18px 0 22px}.note{display:flex;align-items:flex-start;gap:10px;margin:20px 0;padding:14px;background:#302338;border:1px solid #5c4269;border-radius:7px;color:#cbb3d7;font-size:.8125rem;line-height:1.6}.note>svg{color:#d0afe2;margin-top:2px}.inline-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #845962;background:#302027;border-radius:7px;color:#ecc5cf;font-size:.8125rem;line-height:1.5;margin:15px 0}.inline-error .text-button{color:#f1c6d3;flex-shrink:0}.filters-popover .inline-error{display:block;font-size:.75rem;margin-top:16px}.provider-card{background:#2b2033;padding:17px;border-radius:8px;border:1px solid #655075}.provider-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.provider-card strong{font-size:1rem;font-weight:550}.provider-card>div>span{font-size:.75rem;color:#ddc2ef;background:#483052;padding:4px 7px;border-radius:4px}.provider-card p{font-size:.8125rem;color:#c0a6cd;line-height:1.6;margin:12px 0}.provider-card .text-button{color:#d7b8e8;font-size:.8125rem}.audience-coverage{margin:20px 0}.audience-coverage>div{display:flex;flex-direction:column;gap:7px;padding:13px 0;border-bottom:1px solid #493550}.audience-coverage strong{font-size:.875rem}.audience-coverage span{font-size:.8125rem;color:#bfa0cf}.audience-coverage small{font-size:.75rem;line-height:1.5;color:#a68bb5}.csv-details{margin-top:25px;color:#baa0c8;font-size:.8125rem}.csv-details summary{cursor:pointer;min-height:30px}.csv-details .drop-zone{margin-top:14px;padding:23px 15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 18px}.setting-row h3{font-size:.875rem;font-weight:500;margin-bottom:9px}.setting-row p{font-size:.8125rem;line-height:1.6;color:#b39ac1;max-width:320px}.setting-row select{font-size:.8125rem;max-width:185px;background:#24192c;color:#eadcf3;border-color:#91729f;flex-shrink:0}.card-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#08050b9c;cursor:default}.card-modal{position:fixed;inset:22px 22px auto auto;z-index:60;margin:0;width:min(680px,calc(100vw - 44px));max-height:calc(100vh - 145px);border-color:#64506e}.track-hero{display:flex;align-items:center;gap:20px;margin:22px 0}.detail-cover{height:122px;width:122px;border-radius:7px}.detail-cover .artwork-initials{font-size:1.75rem}.detail-cover img{object-fit:contain}.track-hero>div{flex:1;min-width:0}.item-kind{font-size:.75rem;color:#b69cc1;line-height:1.5}.track-hero h3{font-size:1rem;font-weight:500;line-height:1.45;margin:8px 0}.track-hero p{font-size:.8125rem;color:#b69bc2;line-height:1.5}.genre-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.genre-chips>span{font-size:.6875rem;line-height:1.4;background:#38253f;border:1px solid #62406d;color:#d7b5e5;border-radius:4px;padding:4px 7px}.genre-chips .unknown-genre{border-color:#54415f;color:#b59dc1;background:none}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #4c3657}.detail-stats>div{display:flex;flex-direction:column;gap:9px}.detail-stats span{font-size:.75rem;line-height:1.5;color:#b89bc5}.detail-stats strong{font-size:1.6rem;font-weight:500;letter-spacing:-.6px;line-height:1.25;font-variant-numeric:tabular-nums}.detail-stats strong small{font-size:.875rem;font-weight:400;color:#b89bc5}.card-chart{margin:24px 0 26px}.card-chart .section-heading h3{font-size:.875rem;font-weight:500}.card-chart .section-heading>span{font-size:.75rem}.card-chart .chart-plot,.card-chart .chart-y-axis{height:155px}.first-listen{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #4a3455}.first-listen>svg{color:#c4a1d7}.first-listen>div{display:flex;flex-direction:column;gap:6px}.first-listen span{font-size:.75rem;color:#b69cc4}.first-listen strong{font-size:.875rem;font-weight:500}.first-track-section{margin:24px 0}.first-track-section h3{font-size:.875rem;font-weight:500;margin-bottom:12px}.first-track-button{display:flex;align-items:center;gap:12px;background:#2c2034;border:1px solid #5e436b;border-radius:7px;width:100%;padding:12px;text-align:left}.first-track-button:hover{background:#3a2843}.first-track-button>.artwork{height:46px;width:46px}.first-track-button>span:not(.artwork){display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.first-track-button strong{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.first-track-button small{font-size:.75rem;color:#b99dc7}.first-track-button>svg{color:#c09ed0}.growth-detail{display:flex;flex-direction:column;gap:11px;padding:20px 0;border-top:1px solid #4b3556}.growth-detail h3{font-size:.875rem;font-weight:500}.growth-detail .section-heading strong{font-size:1.5rem;font-weight:500;color:#d6b6e9}.growth-detail>span{font-size:.8125rem;color:#c0a4cf}.growth-detail small{font-size:.75rem;line-height:1.6;color:#a88ab9}.detail-api-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px;border-top:1px solid #4b3556}.detail-api-actions .text-button{font-size:.75rem;color:#c3a2d3}.toast{position:fixed;bottom:118px;right:22px;z-index:110;max-width:490px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #776087;background:#30213b;color:#ead9f5;border-radius:9px;box-shadow:0 5px 30px #0006;font-size:.8125rem;line-height:1.6}.toast>svg{color:#d1afe7}.toast>span{flex:1}.toast>button{display:flex;align-items:center;justify-content:center;padding:0;width:26px;height:26px;color:#cbb0da;flex-shrink:0}.history-panel{padding:5px 0 20px}.history-panel>.section-heading{margin-bottom:22px}.history-table-row{display:grid;grid-template-columns:1fr 190px 55px;align-items:center;gap:20px;width:100%;text-align:left;padding:13px 8px;border-bottom:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.history-table-row:hover{background:var(--surface)}.history-track{display:flex;align-items:center;gap:13px;min-width:0}.history-track>span:not(.artwork){display:flex;flex-direction:column;gap:5px;min-width:0}.history-track strong{font-size:.875rem;color:var(--text);font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-track small{font-size:.75rem;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:22px 0}.pagination>span{margin-right:auto;color:var(--muted);font-size:.8125rem}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.library-page{padding-left:36px;padding-right:36px}.podium{max-width:1000px;gap:38px}.podium-place-1{max-width:310px}.podium-place-2,.podium-place-3{max-width:260px}.overview-strip{grid-template-columns:1fr 2fr;gap:55px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}.activity-panel{padding-left:38px}}@media(max-width:1000px){.topbar{padding:0 24px;gap:30px}.topbar-actions{gap:12px}.library-page{padding:28px 24px 20px}.podium{gap:22px;max-width:800px}.podium-place-1{max-width:265px}.podium-place-2,.podium-place-3{max-width:220px}.overview-strip{gap:25px;grid-template-columns:1fr 1.6fr}.activity-panel{padding-left:24px}.search-box{width:270px}.stat>strong{font-size:1.6rem}.podium-play{bottom:121px}.podium-place-1 .podium-play{bottom:129px}.desktop-control{display:none}}@media(max-width:730px){.topbar{min-height:68px;gap:22px;padding:0 18px}.brand{font-size:1.15rem;gap:7px}.brand>svg{width:22px;height:22px}.topbar-actions{gap:7px}.topbar-actions .button-small{font-size:.75rem;padding:8px 10px;min-height:38px}.top-nav{gap:15px}.top-nav>button{font-size:.8125rem}.library-page{padding:26px 18px 20px}.library-heading h1{font-size:1.7rem}.library-heading p{font-size:.75rem}.library-heading{margin-bottom:22px}.library-controls{flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:22px}.controls-spacer{display:none}.entity-toggle{margin-right:auto}.entity-toggle>button{font-size:.8125rem;padding:8px 12px;gap:6px}.search-box{order:3;width:100%;padding:12px}.search-box input{font-size:16px}.filter-trigger{font-size:.8125rem;padding:9px 12px}.filters-popover{position:fixed;top:125px;right:16px;left:16px;width:auto;max-width:430px;margin-left:auto;max-height:calc(100vh - 150px);padding:18px}.field select,.field input{font-size:16px;min-height:43px}.podium{gap:15px}.podium-place-1,.podium-place-2,.podium-place-3{max-width:none}.podium-description{padding-top:10px;gap:5px}.podium-description>strong{font-size:.875rem}.podium-place-1 .podium-description>strong{font-size:.9375rem}.podium-description>span{font-size:.75rem}.podium-description b{font-size:1.125rem;gap:5px;flex-wrap:wrap;line-height:1.3}.podium-place-1 .podium-description b{font-size:1.3rem}.podium-description small{font-size:.6875rem;width:100%}.podium-play,.podium-place-1 .podium-play{width:35px;height:35px;right:7px;bottom:126px}.podium-rank{width:24px;min-width:24px;height:24px;top:7px;left:7px;font-size:.75rem}.overview-strip{grid-template-columns:1fr;gap:24px;padding:23px 0;margin-bottom:29px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px}.stat{gap:8px}.stat>strong{font-size:1.5rem;letter-spacing:-.5px}.stat>span{font-size:.6875rem}.activity-panel{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.activity-panel>.section-heading h2{font-size:.875rem}.library-list-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:18px}.library-list-heading h2{font-size:1.125rem}.method-tabs{width:100%;justify-content:space-between}.method-tabs>button{flex:1;justify-content:center;font-size:.8125rem;min-height:37px}.upload-page{padding:54px 22px 60px}.upload-intro h1{font-size:2.3rem;letter-spacing:-1px}.upload-intro p{font-size:.875rem}.drop-zone{padding:32px 18px}.upload-privacy{font-size:.75rem}.modal{padding:22px}.modal>h2{font-size:1.3rem}.card-modal{top:12px;right:12px;width:calc(100vw - 24px);max-height:calc(100vh - 155px);padding:22px 20px}.track-hero{gap:16px}.detail-cover{height:108px;width:108px}.track-hero h3{font-size:.9375rem}.detail-stats strong{font-size:1.45rem}.toast{right:12px;left:12px;bottom:137px;max-width:none;font-size:.75rem;padding:12px}.history-table-row{grid-template-columns:1fr 130px 40px;gap:10px;font-size:.6875rem;padding:12px 0}.history-track{gap:9px}.history-track strong{font-size:.8125rem}.history-track small{font-size:.6875rem}.history-track .artwork{height:34px;width:34px}}@media(max-width:500px){.topbar{min-height:103px;flex-wrap:wrap;align-content:center;gap:0 15px;padding:0 16px}.brand{font-size:1.125rem}.top-nav{order:3;width:100%;height:35px;align-self:auto;margin-top:8px;gap:23px}.topbar-actions .button-small>span{font-size:.6875rem}.topbar-actions .button-small{padding:7px 8px;gap:5px;min-height:34px}.topbar-actions .button-small>svg{height:13px;width:13px}.topbar-actions .icon-button{height:34px;width:32px}.library-page{padding:24px 16px 20px}.library-heading h1{font-size:1.6rem}.library-controls{gap:10px 7px}.entity-toggle>button{font-size:.75rem;padding:8px 10px;gap:5px}.entity-toggle>button>svg{height:14px;width:14px}.filter-trigger{font-size:.75rem;padding:9px 10px;min-height:42px;gap:6px}.podium{gap:10px}.podium-section>.section-heading{margin-bottom:18px}.podium-cover{border-radius:6px}.podium-description>strong{font-size:.75rem}.podium-place-1 .podium-description>strong{font-size:.8125rem}.podium-description>span{font-size:.6875rem}.podium-description b{font-size:1.05rem}.podium-description small{font-size:.625rem;line-height:1.5}.podium-place-1 .podium-description b{font-size:1.2rem}.podium-play,.podium-place-1 .podium-play{bottom:125px;width:32px;height:32px;right:5px}.podium-play>svg{width:15px;height:15px}.podium-rank{top:5px;left:5px;width:22px;min-width:22px;height:22px;font-size:.6875rem}.stats-grid{grid-template-columns:1fr 1fr;gap:24px 26px}.stat>span{font-size:.75rem}.stat>strong{font-size:1.65rem}.activity-panel>.section-heading h2{font-size:.8125rem}.chart-y-axis,.chart-labels{font-size:.625rem}.modal{width:calc(100vw - 24px);padding:20px 18px}.card-modal{right:12px;top:12px;max-height:calc(100vh - 150px);padding:20px 18px}.detail-cover{height:94px;width:94px}.track-hero{gap:13px}.track-hero h3{font-size:.875rem}.item-kind,.track-hero p{font-size:.75rem}.genre-chips>span{font-size:.625rem}.detail-stats span{font-size:.6875rem}.detail-stats strong{font-size:1.4rem}.detail-api-actions{gap:12px;flex-wrap:wrap}.first-track-button strong{font-size:.8125rem}.first-track-button small{font-size:.6875rem}.provider-card>div{align-items:flex-start}.provider-card strong{font-size:.875rem;line-height:1.4}.setting-row{flex-direction:column;align-items:flex-start;gap:14px}.setting-row select{font-size:16px;max-width:none;width:100%}.continue-library>span{flex-direction:column;align-items:flex-start;gap:5px}.history-table-row{grid-template-columns:1fr 103px 32px;gap:7px;font-size:.625rem}.history-track strong{font-size:.75rem}.history-track small{font-size:.625rem}.history-track .artwork{height:29px;width:29px}.pagination{gap:7px}.pagination .button{font-size:.75rem;padding:8px}.pagination>span{font-size:.75rem}.upload-page{padding-top:44px}.upload-intro h1{font-size:2rem}.upload-intro p{font-size:.875rem}.drop-zone>strong{font-size:.9375rem}}.podium-place-1{grid-column:2;grid-row:1}.podium-place-2{grid-column:3;grid-row:1}.podium-place-3{grid-column:1;grid-row:1}.genre-explanation{margin-top:12px;color:var(--muted);font-size:.75rem;line-height:1.6}.genre-explanation summary{cursor:pointer;color:#c4bcd1}.genre-explanation p{margin-top:10px}.audience-progress{display:flex;align-items:flex-start;gap:12px;margin:20px 0;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--accent)}.audience-progress>div{display:flex;flex-direction:column;gap:7px;min-width:0}.audience-progress strong{font-size:.875rem;line-height:1.6;font-weight:500;color:var(--text)}.audience-progress span{font-size:.75rem;line-height:1.6;color:var(--muted)}.audience-card-status{display:flex;align-items:flex-start;gap:10px;padding:16px 0;color:var(--muted);font-size:.75rem;line-height:1.7}.audience-card-status svg{margin-top:2px;color:var(--accent)}.lastfm-source{margin:6px 0 15px}@media(max-width:730px){.app-shell:has(.audio-player) .filters-popover{max-height:calc(100dvh - 270px);scroll-padding-block:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}