:root{--spotify-green: #1ED760;--spotify-black: #121212;--spotify-dark-gray: #181818;--spotify-light-gray: #282828;--spotify-white: #FFFFFF;--spotify-text-gray: #b3b3b3;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--spotify-white);background-color:var(--spotify-black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--spotify-black);color:var(--spotify-white);overflow:hidden}#app{width:100vw;height:100vh;display:grid;grid-template-columns:240px 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar main" "sidebar main"}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:6px;border:3px solid var(--spotify-black)}::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}a{color:var(--spotify-white);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}button{background-color:var(--spotify-green);color:var(--spotify-black);border:none;border-radius:500px;padding:8px 32px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s ease,background-color .2s ease}button:hover{background-color:#1fdf64;transform:scale(1.04)}button:active{transform:scale(1)}.text-green{color:var(--spotify-green)}.text-gray{color:var(--spotify-text-gray)}.bg-dark-gray{background-color:var(--spotify-dark-gray)}.bg-light-gray{background-color:var(--spotify-light-gray)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.04em}.card{background-color:var(--spotify-dark-gray);border-radius:8px;padding:16px;transition:background-color .3s ease;cursor:pointer}.card:hover{background-color:var(--spotify-light-gray)}.sidebar[data-v-9584125e]{display:flex;flex-direction:column;height:100%}.logo-area[data-v-9584125e]{padding:0 12px 24px;display:flex;align-items:center;gap:8px}.spotify-logo[data-v-9584125e]{height:32px;width:auto;object-fit:contain}.logo-text[data-v-9584125e]{font-size:24px;color:var(--spotify-white);font-weight:700;letter-spacing:-1px}.nav-links[data-v-9584125e]{display:flex;flex-direction:column;gap:8px}.nav-item[data-v-9584125e]{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:4px;color:var(--spotify-text-gray);font-weight:600;transition:color .2s ease,background-color .2s ease}.nav-item[data-v-9584125e]:hover{color:var(--spotify-white);text-decoration:none}.nav-item.active[data-v-9584125e]{color:var(--spotify-green);background-color:var(--spotify-light-gray)}.icon[data-v-9584125e]{flex-shrink:0}.label[data-v-9584125e]{font-size:14px}.sidebar-footer[data-v-9584125e]{margin-top:auto;padding:32px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-text[data-v-9584125e]{font-size:12px;color:var(--spotify-text-gray);font-weight:500}.footer-links[data-v-9584125e]{display:flex;gap:20px}.footer-icon[data-v-9584125e]{color:var(--spotify-white);transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.footer-icon[data-v-9584125e]:hover{color:var(--spotify-green);transform:scale(1.1)}.topbar[data-v-2e58492e]{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.navigation-controls[data-v-2e58492e]{display:flex;gap:8px;flex:1}.nav-btn[data-v-2e58492e]{background-color:#000000b3;color:var(--spotify-white);border:none;border-radius:50%;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background-color .2s ease}.nav-btn[data-v-2e58492e]:hover{background-color:#000000e6;transform:scale(1.04)}.nav-btn[data-v-2e58492e]:active{transform:scale(1)}.center-controls[data-v-2e58492e]{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%);z-index:10}.home-btn[data-v-2e58492e]{background-color:#242424;color:var(--spotify-text-gray);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background-color .2s ease,color .2s ease}.home-btn[data-v-2e58492e]:hover{background-color:#2a2a2a;color:var(--spotify-white);transform:scale(1.04)}.home-btn.active[data-v-2e58492e]{color:var(--spotify-white)}.home-btn[data-v-2e58492e]:active{transform:scale(1)}.global-search-container[data-v-2e58492e]{display:flex;align-items:center;background-color:#242424;border-radius:24px;height:48px;width:480px;padding:0 16px;position:relative;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease}.global-search-container[data-v-2e58492e]:hover{background-color:#2a2a2a}.global-search-container.focused[data-v-2e58492e]{background-color:#2a2a2a;border-color:#727272}.search-icon[data-v-2e58492e]{color:var(--spotify-text-gray);flex-shrink:0}.global-search-container.focused .search-icon[data-v-2e58492e]{color:var(--spotify-white)}.search-input[data-v-2e58492e]{background:transparent;border:none;color:var(--spotify-white);width:100%;height:100%;padding-left:12px;font-size:16px;font-weight:500;outline:none}.search-input[data-v-2e58492e]::placeholder{color:#b3b3b3}.divider[data-v-2e58492e]{height:24px;width:1px;background-color:#727272;margin:0 12px;flex-shrink:0}.browse-btn[data-v-2e58492e]{background:transparent;border:none;color:var(--spotify-text-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;transition:color .2s ease;flex-shrink:0}.browse-btn[data-v-2e58492e]:hover{color:var(--spotify-white)}.dropdown-menu[data-v-2e58492e]{position:absolute;top:calc(100% + 8px);left:0;width:100%;background-color:#282828;border-radius:8px;padding:8px;box-shadow:0 8px 32px #0009;z-index:100;max-height:400px;overflow-y:auto}.dropdown-item[data-v-2e58492e]{padding:12px 16px;border-radius:4px;cursor:pointer;font-weight:500;color:var(--spotify-white);transition:background-color .2s ease}.dropdown-item[data-v-2e58492e]:hover{background-color:#3e3e3e}.dropdown-empty[data-v-2e58492e]{padding:16px;text-align:center}.profile-section[data-v-2e58492e]{display:flex;align-items:center;justify-content:flex-end;flex:1}.profile-pill[data-v-2e58492e]{display:flex;align-items:center;gap:8px;background-color:#000000b3;padding:2px 12px 2px 2px;border-radius:20px;cursor:pointer;transition:background-color .2s ease}.profile-pill[data-v-2e58492e]:hover{background-color:var(--spotify-light-gray)}.avatar[data-v-2e58492e]{background-color:var(--spotify-dark-gray);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--spotify-white)}.username[data-v-2e58492e]{font-size:14px;font-weight:700;color:var(--spotify-white)}.app-layout[data-v-9c5207e4]{display:grid;grid-template-columns:240px 1fr;grid-template-areas:"sidebar main";height:100vh;width:100vw;background-color:var(--spotify-black)}.sidebar-area[data-v-9c5207e4]{grid-area:sidebar;background-color:#000;padding:24px 12px;display:flex;flex-direction:column}.main-area[data-v-9c5207e4]{grid-area:main;background-color:var(--spotify-dark-gray);border-radius:8px;margin:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar-area[data-v-9c5207e4]{height:64px;padding:16px 24px;display:flex;align-items:center;position:sticky;top:0;background-color:#121212cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.content-area[data-v-9c5207e4]{flex:1;padding:0 24px 24px;border-top-left-radius:8px;border-top-right-radius:8px;overflow-y:auto}.good-morning-card[data-v-cd876d91]{display:flex;align-items:center;background-color:#ffffff1a;border-radius:4px;overflow:hidden;height:80px;transition:background-color .3s ease;cursor:pointer}.good-morning-card[data-v-cd876d91]:hover{background-color:#fff3}.card-image-wrapper[data-v-cd876d91]{width:80px;height:80px;flex-shrink:0;box-shadow:4px 0 12px #0003}.card-image[data-v-cd876d91]{width:100%;height:100%;object-fit:cover}.card-content[data-v-cd876d91]{display:flex;flex-direction:column;justify-content:center;padding:0 16px;flex-grow:1}.stat-title[data-v-cd876d91]{font-size:14px;font-weight:700;color:var(--spotify-white);margin-bottom:2px}.stat-value[data-v-cd876d91]{font-size:20px;font-weight:800;letter-spacing:-.5px}.stat-subtitle[data-v-cd876d91]{font-size:11px;font-weight:500;margin-top:2px}.spinner-container[data-v-bc34d69f]{display:flex;justify-content:center;align-items:center;padding:40px;width:100%}.spinner[data-v-bc34d69f]{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--spotify-green);border-radius:50%;animation:spin-bc34d69f 1s linear infinite}@keyframes spin-bc34d69f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-container[data-v-bd93a973]{position:relative;height:300px;width:100%}.view-container[data-v-4454fc0f]{display:flex;flex-direction:column;position:relative;min-height:100%}.dashboard-hero-bg[data-v-4454fc0f]{position:absolute;top:-24px;left:-24px;right:-24px;height:200px;background:linear-gradient(180deg,#535364,#181818);border-top-left-radius:8px;border-top-right-radius:8px;z-index:0;pointer-events:none}.relative-z[data-v-4454fc0f]{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.view-header[data-v-4454fc0f]{margin-top:32px}.view-header h1[data-v-4454fc0f]{font-size:32px;font-weight:800;color:var(--spotify-white);letter-spacing:-1px}.stats-grid[data-v-4454fc0f]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px;margin-bottom:48px}.charts-section[data-v-4454fc0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px}.chart-card[data-v-4454fc0f]{display:flex;flex-direction:column;gap:16px}.chart-card h3[data-v-4454fc0f]{font-size:18px;margin-bottom:8px}.pagination-container[data-v-aa865b1d]{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:16px 0}.pagination-info[data-v-aa865b1d]{font-size:14px}.pagination-controls[data-v-aa865b1d]{display:flex;gap:8px}.icon-btn[data-v-aa865b1d]{background-color:transparent;color:var(--spotify-text-gray);border:none;border-radius:50%;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn[data-v-aa865b1d]:not(:disabled):hover{color:var(--spotify-white);background-color:var(--spotify-light-gray);transform:none}.icon-btn[data-v-aa865b1d]:disabled{opacity:.3;cursor:not-allowed}.page-numbers[data-v-aa865b1d]{display:flex;align-items:center;gap:4px}.page-btn[data-v-aa865b1d]{background-color:transparent;color:var(--spotify-text-gray);border:none;border-radius:50%;min-width:32px;height:32px;padding:0 8px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.page-btn[data-v-aa865b1d]:hover{color:var(--spotify-white);background-color:var(--spotify-light-gray)}.page-btn.active[data-v-aa865b1d]{background-color:var(--spotify-green);color:var(--spotify-black);font-weight:700}.dots[data-v-aa865b1d]{color:var(--spotify-text-gray);display:flex;align-items:flex-end;justify-content:center;width:32px;height:32px;padding-bottom:4px}.filters-container[data-v-c54b06ff]{display:flex;flex-direction:column;gap:16px;background-color:var(--spotify-dark-gray);padding:16px;border-radius:8px;margin-bottom:24px}.main-filters[data-v-c54b06ff]{display:flex;gap:16px;align-items:center}.search-bar[data-v-c54b06ff]{display:flex;align-items:center;background-color:var(--spotify-light-gray);border-radius:24px;padding:8px 16px;flex-grow:1}.search-icon[data-v-c54b06ff]{color:var(--spotify-text-gray);margin-right:12px}.search-input[data-v-c54b06ff]{background:none;border:none;color:var(--spotify-white);font-size:14px;width:100%;outline:none}.search-input[data-v-c54b06ff]::placeholder{color:var(--spotify-text-gray)}.advanced-filters-btn[data-v-c54b06ff]{display:flex;align-items:center;gap:8px;background-color:transparent;color:var(--spotify-text-gray);border:1px solid var(--spotify-text-gray);padding:8px 16px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.advanced-filters-btn[data-v-c54b06ff]:hover{color:var(--spotify-white);border-color:var(--spotify-white)}.advanced-filters-btn.active[data-v-c54b06ff]{background-color:var(--spotify-white);color:var(--spotify-black);border-color:var(--spotify-white)}.advanced-filters-panel[data-v-c54b06ff]{display:flex;gap:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.filter-group[data-v-c54b06ff]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-c54b06ff]{font-size:12px;font-weight:600;color:var(--spotify-text-gray);text-transform:uppercase;letter-spacing:.5px}.filter-inputs[data-v-c54b06ff]{display:flex;align-items:center;gap:12px}.filter-input[data-v-c54b06ff]{background-color:var(--spotify-light-gray);border:1px solid transparent;color:var(--spotify-white);padding:8px 12px;border-radius:4px;font-size:14px;color-scheme:dark}.filter-input[data-v-c54b06ff]:focus{outline:none;border-color:var(--spotify-text-gray)}.hour-input[data-v-c54b06ff]{width:80px}.separator[data-v-c54b06ff]{color:var(--spotify-text-gray);font-weight:700}.view-container[data-v-edcfd29f]{display:flex;flex-direction:column;position:relative;min-height:100%}.view-hero-bg[data-v-edcfd29f]{position:absolute;top:-24px;left:-24px;right:-24px;height:200px;background:linear-gradient(180deg,#5a2864,#181818);border-top-left-radius:8px;border-top-right-radius:8px;z-index:0;pointer-events:none}.relative-z[data-v-edcfd29f]{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.view-header h1[data-v-edcfd29f]{font-size:32px;font-weight:800;margin-top:32px;margin-bottom:8px}.subtitle[data-v-edcfd29f]{font-size:16px}.empty-state[data-v-edcfd29f]{display:flex;justify-content:center;align-items:center;padding:48px;background-color:var(--spotify-dark-gray);border-radius:8px;color:var(--spotify-text-gray);font-size:16px;text-align:center}.artists-grid[data-v-edcfd29f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:24px}.artist-card[data-v-edcfd29f]{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;transition:background-color .3s ease}.artist-card[data-v-edcfd29f]:hover{background-color:var(--spotify-light-gray)}.ranking-badge[data-v-edcfd29f]{position:absolute;top:0;right:0;background-color:var(--spotify-green);color:var(--spotify-black);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;transform:translate(30%,-30%)}.artist-image-container[data-v-edcfd29f]{position:relative;width:100%;margin-bottom:8px}.artist-image[data-v-edcfd29f]{width:100%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;display:block;background-color:var(--spotify-dark-gray);box-shadow:0 8px 24px #00000080}.artist-initials[data-v-edcfd29f]{width:100%;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--spotify-white);background-color:#333;box-shadow:0 8px 24px #00000080}.artist-info[data-v-edcfd29f]{display:flex;flex-direction:column;gap:8px}.artist-name[data-v-edcfd29f]{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-stats[data-v-edcfd29f]{font-size:13px;display:flex;gap:8px;align-items:center}.view-container[data-v-d0cb1b55]{display:flex;flex-direction:column;position:relative;min-height:100%}.view-hero-bg[data-v-d0cb1b55]{position:absolute;top:-24px;left:-24px;right:-24px;height:200px;background:linear-gradient(180deg,#283c64,#181818);border-top-left-radius:8px;border-top-right-radius:8px;z-index:0;pointer-events:none}.relative-z[data-v-d0cb1b55]{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.view-header h1[data-v-d0cb1b55]{font-size:32px;font-weight:800;margin-top:32px;margin-bottom:8px}.subtitle[data-v-d0cb1b55]{font-size:16px}.empty-state[data-v-d0cb1b55]{display:flex;justify-content:center;align-items:center;padding:48px;background-color:var(--spotify-dark-gray);border-radius:8px;color:var(--spotify-text-gray);font-size:16px;text-align:center}.songs-table-container[data-v-d0cb1b55]{width:100%}.songs-table[data-v-d0cb1b55]{width:100%;border-collapse:collapse;text-align:left}.songs-table th[data-v-d0cb1b55]{color:var(--spotify-text-gray);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.song-row[data-v-d0cb1b55]{transition:background-color .2s ease}.song-row[data-v-d0cb1b55]:hover{background-color:#ffffff1a;border-radius:4px}.song-row:hover .rank-number[data-v-d0cb1b55]{display:none}.song-row:hover .play-icon[data-v-d0cb1b55]{display:block;color:var(--spotify-white)}.col-rank[data-v-d0cb1b55]{width:50px;text-align:right;padding:12px 16px;font-size:16px;color:var(--spotify-text-gray);position:relative}.play-icon[data-v-d0cb1b55]{display:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.col-title[data-v-d0cb1b55]{padding:12px 16px}.song-info-wrapper[data-v-d0cb1b55]{display:flex;align-items:center;gap:12px}.song-image[data-v-d0cb1b55],.song-initials[data-v-d0cb1b55]{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.song-initials[data-v-d0cb1b55]{background-color:#333;display:flex;align-items:center;justify-content:center;color:#b3b3b3}.song-info[data-v-d0cb1b55]{display:flex;flex-direction:column}.song-name[data-v-d0cb1b55]{font-size:16px;color:var(--spotify-white);font-weight:500}.song-artist[data-v-d0cb1b55]{font-size:14px}.col-plays[data-v-d0cb1b55]{width:150px;padding:12px 16px;font-variant-numeric:tabular-nums}.view-container[data-v-a5edab68]{display:flex;flex-direction:column;position:relative;min-height:100%}.view-hero-bg[data-v-a5edab68]{position:absolute;top:-24px;left:-24px;right:-24px;height:200px;background:linear-gradient(180deg,#643228,#181818);border-top-left-radius:8px;border-top-right-radius:8px;z-index:0;pointer-events:none}.relative-z[data-v-a5edab68]{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.view-header h1[data-v-a5edab68]{font-size:32px;font-weight:800;margin-top:32px;margin-bottom:8px}.subtitle[data-v-a5edab68]{font-size:16px}.empty-state[data-v-a5edab68]{display:flex;justify-content:center;align-items:center;padding:48px;background-color:var(--spotify-dark-gray);border-radius:8px;color:var(--spotify-text-gray);font-size:16px;text-align:center}.albums-grid[data-v-a5edab68]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 24px;margin-bottom:24px}.album-card[data-v-a5edab68]{position:relative;display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--spotify-dark-gray);transition:background-color .3s ease;height:100%}.album-card[data-v-a5edab68]:hover{background-color:var(--spotify-light-gray)}.ranking-badge[data-v-a5edab68]{position:absolute;top:0;right:0;background-color:var(--spotify-green);color:var(--spotify-black);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;transform:translate(30%,-30%)}.album-image-container[data-v-a5edab68]{position:relative;width:100%}.album-image[data-v-a5edab68]{width:100%;aspect-ratio:1 / 1;border-radius:4px;object-fit:cover;display:block;background-color:var(--spotify-dark-gray);box-shadow:0 8px 24px #00000080}.album-initials[data-v-a5edab68]{width:100%;aspect-ratio:1 / 1;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#333;background-color:#1a1a1a;box-shadow:0 8px 24px #00000080}.album-info-container[data-v-a5edab68]{display:flex;flex-direction:column;gap:8px;flex-grow:1;justify-content:flex-end;margin-top:24px}.album-title[data-v-a5edab68]{font-size:16px;font-weight:700;color:var(--spotify-white);line-height:1.2}.album-artist[data-v-a5edab68]{font-size:14px;font-weight:500}.album-stats[data-v-a5edab68]{font-size:13px;font-weight:600;margin-top:auto}.chart-container[data-v-c057663e]{position:relative;height:400px;width:100%}.chart-container[data-v-90581605]{position:relative;height:300px;width:100%}.view-container[data-v-bedca308]{display:flex;flex-direction:column;position:relative;min-height:100%}.view-hero-bg[data-v-bedca308]{position:absolute;top:-24px;left:-24px;right:-24px;height:200px;background:linear-gradient(180deg,#28645a,#181818);border-top-left-radius:8px;border-top-right-radius:8px;z-index:0;pointer-events:none}.relative-z[data-v-bedca308]{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.view-header h1[data-v-bedca308]{font-size:32px;font-weight:800;margin-bottom:8px;margin-top:32px}.subtitle[data-v-bedca308]{font-size:16px}.search-container[data-v-bedca308]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-bar[data-v-bedca308]{display:flex;align-items:center;background-color:var(--spotify-light-gray);border-radius:24px;padding:8px 16px;flex-grow:1;max-width:600px}.search-icon[data-v-bedca308]{color:var(--spotify-text-gray);margin-right:12px}.search-input[data-v-bedca308]{background:none;border:none;color:var(--spotify-white);font-size:14px;width:100%;outline:none}.search-input[data-v-bedca308]::placeholder{color:var(--spotify-text-gray)}.type-filters[data-v-bedca308]{display:flex;gap:12px}.type-btn[data-v-bedca308]{background-color:transparent;color:var(--spotify-text-gray);border:1px solid var(--spotify-text-gray);padding:6px 16px;border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.type-btn[data-v-bedca308]:hover{color:var(--spotify-white);border-color:var(--spotify-white)}.type-btn.active[data-v-bedca308]{background-color:var(--spotify-white);color:var(--spotify-black);border-color:var(--spotify-white)}.error-message[data-v-bedca308]{padding:24px;text-align:center;color:var(--spotify-text-gray)}.results-container[data-v-bedca308]{display:flex;flex-direction:column;gap:24px}.yearly-charts-grid[data-v-bedca308]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-wrapper[data-v-bedca308]{padding:24px}.chart-wrapper h2[data-v-bedca308]{font-size:20px;margin-bottom:24px}@media(max-width:900px){.yearly-charts-grid[data-v-bedca308]{grid-template-columns:1fr}}.view-container[data-v-ba348542]{display:flex;flex-direction:column;position:relative;min-height:100%}.view-hero-bg[data-v-ba348542]{position:absolute;top:-24px;left:-24px;right:-24px;height:200px;background:linear-gradient(180deg,#1e783c,#181818);border-top-left-radius:8px;border-top-right-radius:8px;z-index:0;pointer-events:none}.relative-z[data-v-ba348542]{position:relative;z-index:1;display:flex;flex-direction:column;gap:32px}.view-header[data-v-ba348542]{display:flex;flex-direction:column;gap:24px;margin-top:32px}.view-header h1[data-v-ba348542]{font-size:40px;font-weight:900;letter-spacing:-1px}.filters-container[data-v-ba348542]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;background-color:var(--spotify-dark-gray);padding:16px;border-radius:8px}.filter-group[data-v-ba348542]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-ba348542]{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--spotify-text-gray);letter-spacing:1px}.spotify-select[data-v-ba348542],.spotify-input[data-v-ba348542]{background-color:var(--spotify-light-gray);color:var(--spotify-white);border:1px solid transparent;padding:0 16px;border-radius:4px;font-size:14px;min-width:140px;height:40px;box-sizing:border-box}.spotify-select[data-v-ba348542]:focus,.spotify-input[data-v-ba348542]:focus{outline:none;border-color:#727272}.generate-btn[data-v-ba348542]{height:40px;margin-left:auto}.wrapped-banner[data-v-ba348542]{padding:40px;border-radius:8px;margin-bottom:24px;color:#fff}.gradient-bg[data-v-ba348542]{background:linear-gradient(135deg,#1ed760,#006450)}.wrapped-banner h2[data-v-ba348542]{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.hero-content[data-v-ba348542]{display:flex;align-items:center;gap:32px}.hero-image[data-v-ba348542]{width:140px;height:140px;border-radius:8px;object-fit:cover;box-shadow:0 8px 24px #00000080}.hero-image-fallback[data-v-ba348542]{width:140px;height:140px;border-radius:8px;background-color:var(--spotify-dark-gray);display:flex;align-items:center;justify-content:center;color:var(--spotify-text-gray);box-shadow:0 8px 24px #00000080}.hero-text[data-v-ba348542]{display:flex;flex-direction:column}.big-number[data-v-ba348542]{font-size:48px;font-weight:900;line-height:1.1;margin-bottom:8px;letter-spacing:-1px}.error-message[data-v-ba348542]{padding:32px;text-align:center;color:var(--spotify-text-gray)}.songs-table-container[data-v-ba348542]{width:100%}.songs-table[data-v-ba348542]{width:100%;border-collapse:collapse;text-align:left}.songs-table th[data-v-ba348542]{color:var(--spotify-text-gray);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.song-row[data-v-ba348542]{transition:background-color .2s ease}.song-row[data-v-ba348542]:hover{background-color:#ffffff1a;border-radius:4px}.song-row:hover .rank-number[data-v-ba348542]{display:none}.song-row:hover .play-icon[data-v-ba348542]{display:block;color:var(--spotify-white)}.col-rank[data-v-ba348542]{width:50px;text-align:right;padding:12px 16px;font-size:16px;color:var(--spotify-text-gray);position:relative}.play-icon[data-v-ba348542]{display:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.col-title[data-v-ba348542]{padding:12px 16px}.song-info-wrapper[data-v-ba348542]{display:flex;align-items:center;gap:16px}.table-song-image[data-v-ba348542]{width:40px;height:40px;border-radius:4px;object-fit:cover}.table-song-fallback[data-v-ba348542]{width:40px;height:40px;border-radius:4px;background-color:var(--spotify-light-gray);display:flex;align-items:center;justify-content:center;color:var(--spotify-text-gray)}.song-info[data-v-ba348542]{display:flex;flex-direction:column}.song-name[data-v-ba348542]{font-size:16px;color:var(--spotify-white);font-weight:500}.song-artist[data-v-ba348542]{font-size:14px}.col-plays[data-v-ba348542]{width:150px;padding:12px 16px;font-variant-numeric:tabular-nums}.mt-4[data-v-ba348542]{margin-top:16px}