.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-family);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.share-btn:hover{transform:scale(1.04)}.share-btn:active{transform:scale(.98)}.share-btn:focus-visible{outline:2px solid var(--spotify-green);outline-offset:2px}.share-btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.share-btn--sm svg{width:14px;height:14px}.share-btn--md{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.share-btn--lg{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}.share-btn--lg svg{width:20px;height:20px}.share-btn--primary{background:var(--spotify-green);color:var(--spotify-black)}.share-btn--primary:hover{background:var(--spotify-green-light)}.share-btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.share-btn--secondary:hover{border-color:var(--text-primary);background:#ffffff1a}.share-btn--icon-only{background:transparent;color:var(--text-secondary);padding:var(--space-sm);border-radius:50%}.share-btn--icon-only:hover{color:var(--text-primary);background:var(--surface-highlight)}.share-btn--icon-only .share-btn__label{display:none}.share-btn--secondary.share-btn--twitter:hover{border-color:#1da1f2;color:#1da1f2}.share-btn--secondary.share-btn--facebook:hover{border-color:#1877f2;color:#1877f2}.share-btn--secondary.share-btn--linkedin:hover{border-color:#0a66c2;color:#0a66c2}.share-btn--icon-only.share-btn--twitter:hover{color:#1da1f2}.share-btn--icon-only.share-btn--facebook:hover{color:#1877f2}.share-btn--icon-only.share-btn--linkedin:hover{color:#0a66c2}.share-btn--success{border-color:var(--spotify-green)!important;color:var(--spotify-green)!important}.share-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.share-group__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.share-group__toggle{display:flex;align-items:center}.share-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm)}.share-toggle input{appearance:none;width:36px;height:20px;background:var(--surface-highlight);border-radius:10px;position:relative;cursor:pointer;transition:background var(--transition-fast)}.share-toggle input:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-secondary);border-radius:50%;transition:transform var(--transition-fast),background var(--transition-fast)}.share-toggle input:checked{background:var(--spotify-green)}.share-toggle input:checked:before{transform:translate(16px);background:var(--spotify-black)}.share-toggle input:focus-visible{outline:2px solid var(--spotify-green);outline-offset:2px}.footer-share{display:flex;align-items:center;gap:var(--space-sm)}.footer-share__label{font-size:var(--font-size-sm);color:var(--text-muted)}.dashboard-share{display:flex;justify-content:center;margin-top:var(--space-lg)}@media(max-width:600px){.share-group__buttons{justify-content:center}.share-btn--md .share-btn__label,.share-btn--sm .share-btn__label{display:none}.share-btn--md,.share-btn--sm{padding:var(--space-sm);border-radius:50%}}@media(prefers-reduced-motion:reduce){.share-btn{transition:none}.share-btn:hover{transform:none}.share-toggle input,.share-toggle input:before{transition:none}}.footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) 0;margin-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.attribution{font-size:var(--font-size-sm);color:var(--text-muted)}.attribution-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.attribution-link:hover{color:var(--spotify-green)}.heart-icon{vertical-align:middle;opacity:.6;color:var(--text-muted);transition:all var(--transition-fast)}.attribution:hover .heart-icon{opacity:1;color:var(--heart-color)}.powered-by-spotify{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--font-size-xs);text-decoration:none;opacity:.7;transition:opacity var(--transition-fast)}.powered-by-spotify:hover{opacity:1}.powered-by-spotify svg{flex-shrink:0}.login .footer{position:absolute;bottom:var(--space-lg);left:0;right:0;margin-top:0;padding:0;border-top:none;gap:var(--space-md)}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg);text-align:center}.login-content{max-width:480px}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-1px}.login-title .text-green{color:var(--spotify-green)}.login-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.login .btn--login{margin-bottom:var(--space-lg)}.login .btn--login svg{flex-shrink:0}.login-disclaimer{font-size:var(--font-size-xs);color:var(--text-muted)}@media(max-width:480px){.login-title{font-size:var(--font-size-xl)}.login-description{font-size:var(--font-size-base)}}.stats{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-subtle)}.stats h2{text-align:center;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xl)}.stats h3{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:1px}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);gap:var(--space-sm)}.stats-sort{display:flex;gap:2px;background:var(--surface-base);border-radius:var(--radius-sm);padding:2px}.stats-sort-btn{background:none;border:none;padding:4px 10px;font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.stats-sort-btn:hover{color:var(--text-primary)}.stats-sort-btn--active{background:var(--surface-highlight);color:var(--text-primary)}.stats-popularity{color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.stats-section{background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--space-lg);transition:background var(--transition-slow)}.stats-section:hover{background:var(--surface-highlight)}.stats-list{list-style:none;padding:0;margin:0;max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface-highlight) transparent}.stats-list::-webkit-scrollbar{width:6px}.stats-list::-webkit-scrollbar-track{background:transparent}.stats-list::-webkit-scrollbar-thumb{background:var(--surface-highlight);border-radius:3px}.stats-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.stats-list--numbered{counter-reset:item}.stats-list--numbered li{counter-increment:item}.stats-list--numbered li:before{content:counter(item);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:24px;display:inline-block;opacity:.6}.stats-list li{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);min-width:0}.stats-list li:last-child{border-bottom:none}.stats-track{display:flex;flex-direction:column;flex:1;min-width:0;max-width:calc(100% - 60px);gap:2px}.stats-track>.stats-link{display:block;color:var(--text-primary);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stats-track strong{color:inherit;font-weight:inherit}.stats-artist{display:block;color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stats-name{display:block;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-value{color:var(--spotify-green);font-weight:var(--font-weight-medium);white-space:nowrap;margin-left:var(--space-md);font-size:var(--font-size-xs)}.stats-value--niche{color:var(--text-muted)}.stats-loading{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.stats-link{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.stats-link:hover{color:var(--spotify-green)}.stats-link--artist{color:var(--text-muted)}.stats-link--artist:hover{color:var(--spotify-green)}.stats-play-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:color var(--transition-fast)}.stats-play-btn:hover{color:var(--spotify-green)}.stats-play-btn strong{font-weight:var(--font-weight-medium)}.stats-yearly{margin-top:var(--space-2xl);padding:0 var(--space-lg);max-width:var(--max-width);margin-left:auto;margin-right:auto}.stats-yearly h3{text-align:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px}.stats-yearly-wrapper{background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto}.stats-yearly-table{width:100%;border-collapse:collapse;text-align:center;font-size:var(--font-size-sm)}.stats-yearly-table--horizontal{display:table}.stats-yearly-table--vertical{display:none}.stats-yearly-table th,.stats-yearly-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle)}.stats-yearly-table thead th{color:var(--text-primary);font-weight:var(--font-weight-medium)}.stats-yearly-table tbody td{color:var(--text-secondary)}.stats-yearly-table tbody tr:first-child td{color:var(--spotify-green);font-weight:var(--font-weight-medium)}.stats-yearly-table tbody tr:last-child td,.stats-yearly-table tbody tr:last-child th{border-bottom:none}.stats-yearly-label{text-align:left;color:var(--text-muted);font-weight:var(--font-weight-normal);white-space:nowrap}.stats-yearly-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.indicator-sample{display:inline-block;width:8px;height:8px;border-radius:50%}.stats-heatmap{margin-top:var(--space-2xl);padding:0 var(--space-lg);max-width:var(--max-width);margin-left:auto;margin-right:auto}.stats-heatmap h3{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:1px;text-align:center;flex:1}.heatmap-header{display:flex;align-items:center;margin-bottom:var(--space-md);position:relative}.heatmap-header .heatmap-legend{position:absolute;right:0}.heatmap-layout{background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--space-lg)}.heatmap-years-stack{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-lg);justify-items:center}.heatmap-year-row{display:flex;flex-direction:column;gap:2px;align-items:center}.heatmap-year-label{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;height:16px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.heatmap-day-labels{display:grid;grid-template-columns:repeat(7,15px);gap:2px;font-size:9px;color:var(--text-muted);margin-bottom:2px}.heatmap-day-labels span{text-align:center}.heatmap-year-grid-wrapper{display:flex;flex-direction:column;gap:2px}.heatmap-month-labels{display:none}.heatmap-grid{display:grid;grid-template-columns:repeat(7,15px);grid-auto-flow:row;gap:2px}.heatmap-cell{border-radius:2px;background:var(--surface-highlight);transition:transform var(--transition-fast);width:15px;height:15px}.heatmap-cell:hover:not(.heatmap-cell--empty){transform:scale(1.2);outline:1px solid var(--text-muted);outline-offset:1px;z-index:1}.heatmap-cell--empty{background:transparent}.heatmap-legend{display:flex;align-items:center;gap:var(--space-xs);font-size:11px;color:var(--text-muted)}.heatmap-legend-label{margin:0 var(--space-xs)}.heatmap-legend-cells{display:flex;gap:3px}.heatmap-legend-cell{width:15px;height:15px;border-radius:2px}.heatmap-tooltip{position:fixed;background:var(--surface-highlight);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);pointer-events:none;z-index:1000;box-shadow:0 4px 12px #00000080;border:1px solid var(--border-subtle);white-space:nowrap}.heatmap-tooltip-count{font-weight:var(--font-weight-bold);color:var(--spotify-green)}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;gap:var(--space-md);padding:0 var(--space-md)}.stats-section{padding:var(--space-md);overflow:hidden}.stats-list li{min-width:0}.stats-track{max-width:calc(100% - 50px)}.stats-yearly{padding:0 var(--space-md)}.stats-yearly-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-yearly-table--horizontal{display:none}.stats-yearly-table--vertical{display:table}.stats-yearly-table--vertical .stats-yearly-label{text-align:center;font-weight:var(--font-weight-medium)}.stats-heatmap{padding:0 var(--space-md)}.heatmap-layout{padding:var(--space-md)}.heatmap-years-stack{grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.heatmap-header{flex-direction:column;align-items:center;gap:var(--space-sm)}.heatmap-header .heatmap-legend{position:static}.stats-heatmap h3{flex:none}}@media(max-width:600px){.heatmap-years-stack{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.heatmap-years-stack{grid-template-columns:repeat(2,1fr)}.heatmap-header{flex-direction:column;align-items:center;gap:var(--space-sm)}.heatmap-header .heatmap-legend{position:static;order:1}.stats-heatmap h3{font-size:var(--font-size-xs);flex:none;width:auto;order:0}}@media(max-width:360px){.heatmap-years-stack{grid-template-columns:1fr}.stats-yearly-wrapper{padding:var(--space-sm)}.stats-yearly-table th,.stats-yearly-table td{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}.player{display:flex;align-items:center;gap:var(--space-md);background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;min-height:72px;box-sizing:border-box;width:100%}.player--loading,.player--disabled,.player--error{justify-content:center}.player-artwork{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-highlight)}.player-artwork-img{width:100%;height:100%;object-fit:cover}.player-artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.player-info{flex:0 1 auto;min-width:80px;max-width:180px;display:flex;flex-direction:column;gap:2px}.player-track-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.player-track-name:hover{color:var(--spotify-green)}.player-track-artists{color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist-link{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.player-artist-link:hover{color:var(--spotify-green)}.player-no-track{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.player-controls{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.player-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:50%;transition:all var(--transition-fast)}.player-btn:hover:not(:disabled){color:var(--text-primary);transform:scale(1.1)}.player-btn:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.player-btn--primary{width:40px;height:40px;background:var(--spotify-green);color:var(--spotify-black)}.player-btn--primary:hover:not(:disabled){background:var(--spotify-green-light);color:var(--spotify-black);transform:scale(1.05)}.player-btn--secondary{width:32px;height:32px}.player-btn--icon{width:28px;height:28px}.player-progress{display:flex;align-items:center;gap:var(--space-sm);flex:1 1 0%;min-width:100px}.player-time{color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums;min-width:36px}.player-time:first-of-type{text-align:right}.player-progress-bar{flex:1;height:4px;background:var(--surface-highlight);border-radius:2px;cursor:pointer;position:relative}.player-progress-bar:hover,.player-progress-bar.is-dragging{height:6px}.player-progress-bar:hover .player-progress-handle,.player-progress-bar.is-dragging .player-progress-handle{opacity:1}.player-progress-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--spotify-green);border-radius:2px 0 0 2px;transform-origin:left center;transition:transform .1s linear}.player-progress-handle{position:absolute;top:50%;width:12px;height:12px;background:var(--text-primary);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--transition-fast);box-shadow:0 2px 4px #0000004d}.player-volume{display:flex;align-items:center;gap:var(--space-xs);flex:0 0 100px}.player-volume-bar{flex:1;height:4px;background:var(--surface-highlight);border-radius:2px;cursor:pointer;position:relative}.player-volume-bar:hover,.player-volume-bar.is-dragging{height:6px}.player-volume-bar:hover .player-volume-handle,.player-volume-bar.is-dragging .player-volume-handle{opacity:1}.player-volume-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--spotify-green);border-radius:2px 0 0 2px;transform-origin:left center;transition:transform .1s linear}.player-volume-handle{position:absolute;top:50%;width:12px;height:12px;background:var(--text-primary);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity var(--transition-fast);box-shadow:0 2px 4px #0000004d}.player-loading-content{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--font-size-sm)}.player-loading-spinner{width:20px;height:20px;border:2px solid var(--surface-highlight);border-top-color:var(--spotify-green);border-radius:50%;animation:spin 1s linear infinite}.player-premium-message{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--font-size-sm)}.player-premium-icon{display:flex;color:var(--spotify-green)}.player-premium-hint{color:var(--text-muted);font-size:var(--font-size-xs);opacity:.7}.player-error-message{color:var(--error-color);font-size:var(--font-size-sm)}@media(max-width:768px){.player{flex-wrap:wrap;gap:var(--space-sm)}.player-info{flex:1 1 auto;max-width:none;order:1}.player-artwork{order:0;flex-shrink:0}.player-controls{order:2}.player-progress{order:4;flex:1 1 100%}.player-volume{order:3;flex:0 0 80px}}@media(max-width:600px){.player{padding:var(--space-sm) var(--space-md)}.player-artwork{width:48px;height:48px}.player-info{min-width:80px}.player-controls{gap:2px}.player-btn--primary{width:36px;height:36px}.player-btn--secondary{width:28px;height:28px}.player-volume{display:none}}.dashboard{min-height:100vh;padding:var(--space-xl) var(--space-lg);max-width:var(--max-width);margin:0 auto}.dashboard-header{text-align:center;margin-bottom:var(--space-xl)}.dashboard-header h1{margin-bottom:var(--space-sm)}.dashboard-header .subtitle{margin-bottom:var(--space-xs)}.dashboard-header .helper-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.chart-wrapper{position:relative;width:100%}.chart-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md) 0;margin-top:var(--space-sm);border-top:1px solid var(--border-subtle);width:100%}.chart-info-separator{width:1px;align-self:stretch;background:var(--border-subtle);flex-shrink:0}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);max-width:180px;flex-shrink:0}.chart-legend-gradient{width:12px;height:40px;border-radius:2px;background:linear-gradient(to top,var(--chart-gradient-low),var(--chart-gradient-high));flex-shrink:0}.chart-legend-labels{display:flex;flex-direction:column;justify-content:space-between;height:40px;font-size:var(--font-size-xs);color:var(--text-secondary)}.chart-legend-note{flex-basis:100%;font-size:var(--font-size-xs);color:var(--text-muted);margin:0;padding-top:var(--space-xs)}.chart-highlights{display:flex;gap:var(--space-sm);flex-shrink:0}.chart-highlight{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;transition:transform var(--transition-fast)}.chart-highlight:hover{transform:scale(1.05)}.chart-highlight__img{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover}.chart-highlight__label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.chart-highlight__name{font-size:var(--font-size-xs);color:var(--text-primary);max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.chart-highlight:hover .chart-highlight__name{color:var(--spotify-green)}.chart-stats{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.chart-stat{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:48px}.chart-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.chart-stat-value--highlight{color:var(--spotify-green)}.chart-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.tooltip .text-green{color:var(--spotify-green);font-weight:var(--font-weight-bold)}@media(max-width:1024px){.chart-info{justify-content:space-evenly}.chart-info-separator{display:none}}@media(max-width:768px){.dashboard{padding:var(--space-lg) var(--space-md)}.dashboard-header h1{font-size:var(--font-size-lg)}.chart-info{flex-direction:column;align-items:center;gap:var(--space-lg)}.chart-legend{max-width:none;justify-content:center;flex-direction:row;align-items:flex-start;text-align:center}.chart-legend-note{text-align:center;max-width:300px}.chart-highlights{justify-content:center;flex-wrap:wrap}.chart-stats{justify-content:center;gap:var(--space-md)}}@media(max-width:480px){.dashboard{padding:var(--space-md) var(--space-sm)}.dashboard-header h1{font-size:20px}.dashboard-header .subtitle{font-size:var(--font-size-xs)}.chart-info{gap:var(--space-md);padding:var(--space-sm) 0}.chart-highlight__img{width:48px;height:48px}.chart-highlight__name{max-width:64px;font-size:11px}.chart-highlight__label{font-size:9px}.chart-stat-value{font-size:20px}.chart-stat-label{font-size:9px}.chart-legend-note{font-size:10px;max-width:260px}}@media(max-width:360px){.dashboard{padding:var(--space-sm)}.dashboard-header h1{font-size:18px}.chart-highlight__img{width:40px;height:40px}.chart-highlight__name{max-width:56px;font-size:10px}.chart-stat-value{font-size:16px}}.chart-container{position:relative;background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-lg) 0;width:100%;min-width:0}.domain{fill:none;stroke:var(--chart-secondary)}.tick line{stroke:var(--surface-highlight)}.tick text{font-family:var(--font-family);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);fill:var(--text-muted)}.axis-label{font-family:var(--font-family);font-size:var(--font-size-xs);fill:var(--text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.legend-label{font-family:var(--font-family);font-size:11px;fill:var(--text-secondary);dominant-baseline:middle}.line-label{font-size:var(--font-size-xs);fill:var(--text-muted);font-weight:var(--font-weight-medium)}.line-label--highlight{fill:var(--text-secondary)}.tooltip{position:fixed;background:var(--surface-highlight);color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.4;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:1000;max-width:280px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-xs)}.tooltip strong{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:2px}.tooltip-artist{color:var(--text-secondary);font-size:var(--font-size-sm)}.tooltip-album{color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic;margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-subtle)}.tooltip-stat{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.tooltip-label{color:var(--text-muted)}.tooltip-value{font-weight:var(--font-weight-bold);color:var(--text-primary)}.bucket-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.bucket-controls span{color:var(--text-muted);font-size:var(--font-size-sm);margin-right:var(--space-sm)}.btn--bucket{padding:var(--space-sm) var(--space-md);background:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-pill);transition:all var(--transition-fast)}.btn--bucket:hover{background:var(--surface-highlight);border-color:var(--border-default);color:var(--text-primary);transform:none}.btn--bucket.btn--active{background:var(--spotify-green);border-color:var(--spotify-green);color:var(--spotify-black)}.btn--bucket.btn--active:hover{background:var(--spotify-green-light);border-color:var(--spotify-green-light)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.data-point--playing{animation:pulse .8s ease-in-out infinite}@media(max-width:600px){.chart-container{padding:var(--space-sm);width:100vw;margin-left:calc(-50vw + 50%);border-radius:0}.axis-label{display:none}}:root{--spotify-green: #1db954;--spotify-green-light: #1ed760;--spotify-black: #191414;--spotify-dark: #121212;--spotify-dark-highlight: #282828;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #727272;--surface-base: #121212;--surface-elevated: #181818;--surface-highlight: #282828;--surface-pressed: #3e3e3e;--chart-accent: #1db954;--chart-secondary: #535353;--chart-area: rgba(29, 185, 84, .1);--chart-line: rgba(29, 185, 84, .4);--chart-gradient-low: #6900ba;--chart-gradient-high: #ff9e95;--highlight-busiest: #ff9e95;--highlight-popular: #b388ff;--highlight-niche: #1db954;--highlight-growth: #f59b23;--error-color: #ff6b6b;--heart-color: #e05a5a;--chart-grid: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .1);--border-default: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-2xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 500px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--max-width: 1400px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--text-primary);background:var(--surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;background:var(--surface-base);overflow-x:hidden}h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--text-primary);letter-spacing:-.5px}h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}h3{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}p{color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--spotify-green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal)}.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.98)}.btn--primary,.btn--login{background:var(--spotify-green);color:var(--spotify-black);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.btn--primary:hover,.btn--login:hover{background:var(--spotify-green-light)}.btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-sm) var(--space-lg)}.btn--secondary:hover{border-color:var(--text-primary);background:#ffffff1a}.btn--text{background:transparent;color:var(--text-secondary);padding:var(--space-sm) var(--space-md)}.btn--text:hover{color:var(--text-primary);transform:none}.subtitle{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--space-sm);margin-bottom:var(--space-lg)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-md);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--surface-highlight);border-top-color:var(--spotify-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-lg);text-align:center;padding:var(--space-lg)}.error h1{color:var(--text-primary)}.error p{color:var(--text-secondary);max-width:400px}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg);text-align:center}.error-boundary__content{max-width:400px}.error-boundary__message{color:var(--text-secondary);margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-green{color:var(--spotify-green)}.text-highlight{color:#a855f7}