:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.chart-wrapper[data-v-d10df965]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.stats-container[data-v-d10df965]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card[data-v-d10df965]{background:#f8f9fa;padding:16px;border-radius:8px;text-align:center;transition:all .2s ease;text-decoration:none;color:inherit;position:relative;overflow:hidden}a.stat-card[data-v-d10df965]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;cursor:pointer}a.stat-card:hover .play-icon[data-v-d10df965]{opacity:1}.stat-header[data-v-d10df965]{color:#6c757d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-date[data-v-d10df965]{font-size:1.1rem;font-weight:600;color:#212529;margin-bottom:4px}.stat-track[data-v-d10df965]{font-size:.9rem;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.play-icon[data-v-d10df965]{opacity:0;transition:opacity .2s ease;color:#1db954;font-size:.8rem}.stat-number[data-v-d10df965]{font-size:2rem;font-weight:700;color:#212529}.stat-subtitle[data-v-d10df965]{font-size:.9rem;color:#6c757d}.first-play[data-v-d10df965]{background:linear-gradient(to bottom right,#e3f2fd,#fff)}.total-plays[data-v-d10df965]{background:linear-gradient(to bottom right,#f3e5f5,#fff)}.last-play[data-v-d10df965]{background:linear-gradient(to bottom right,#e8f5e9,#fff)}.chart-container[data-v-d10df965]{height:300px;margin-top:16px}.top-tracks-section[data-v-6ee9b0dd]{margin-top:40px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a}.section-title[data-v-6ee9b0dd]{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#212529}.tracks-grid[data-v-6ee9b0dd]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.track-card[data-v-6ee9b0dd]{background:#f8f9fa;border-radius:8px;transition:all .2s ease}.track-card[data-v-6ee9b0dd]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.track-link[data-v-6ee9b0dd]{display:flex;align-items:center;padding:16px;text-decoration:none;color:inherit;gap:16px}.track-rank[data-v-6ee9b0dd]{font-size:1.5rem;font-weight:700;color:#1db954;min-width:32px;text-align:center}.track-info[data-v-6ee9b0dd]{flex:1;min-width:0}.track-name[data-v-6ee9b0dd]{font-weight:600;color:#212529;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-album[data-v-6ee9b0dd]{font-size:.9rem;color:#6c757d;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-count[data-v-6ee9b0dd]{font-size:.85rem;color:#1db954;font-weight:500}.play-button[data-v-6ee9b0dd]{color:#1db954;opacity:0;transition:all .2s ease}.track-card:hover .play-button[data-v-6ee9b0dd]{opacity:1;transform:scale(1.2)}@media (max-width: 768px){.tracks-grid[data-v-6ee9b0dd]{grid-template-columns:1fr}.track-card[data-v-6ee9b0dd]{margin:0 -20px;border-radius:0}}.listening-patterns[data-v-384c99aa]{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.patterns-grid[data-v-384c99aa]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.pattern-section h4[data-v-384c99aa]{margin-bottom:15px;color:#333;font-weight:600}.hour-heatmap[data-v-384c99aa],.weekday-heatmap[data-v-384c99aa]{display:grid;gap:4px;font-size:.8rem}.hour-heatmap[data-v-384c99aa]{grid-template-columns:repeat(6,1fr)}.weekday-heatmap[data-v-384c99aa]{grid-template-columns:repeat(7,1fr)}.hour-block[data-v-384c99aa],.weekday-block[data-v-384c99aa]{padding:8px;border-radius:4px;text-align:center;background:#1db9541a;color:#333;position:relative;cursor:pointer;border:1px solid rgba(29,185,84,.2)}.hour-block[data-v-384c99aa]:hover,.weekday-block[data-v-384c99aa]:hover{transform:scale(1.05);transition:transform .2s ease}.hour-block[data-v-384c99aa]:hover:after,.weekday-block[data-v-384c99aa]:hover:after{content:var(--hover-count) " plays";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1;margin-bottom:4px}.peak-times[data-v-384c99aa]{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.peak-times p[data-v-384c99aa]{color:#666;margin:5px 0}.peak-times strong[data-v-384c99aa]{color:#1db954;font-weight:600}.play-history[data-v-31f4234c]{max-width:800px;margin:0 auto;padding:20px}.search-container[data-v-31f4234c]{margin-bottom:20px}.search-box[data-v-31f4234c]{position:relative}.input-wrapper[data-v-31f4234c]{position:relative;display:flex;align-items:center}.search-icon[data-v-31f4234c]{position:absolute;left:12px;color:#6c757d;font-size:14px}input[data-v-31f4234c]{width:100%;padding:12px 12px 12px 36px;font-size:16px;border:2px solid #e9ecef;border-radius:12px;transition:all .2s ease;background:#f8f9fa}input[data-v-31f4234c]:focus{outline:none;border-color:#1db954;background:#fff;box-shadow:0 0 0 4px #1db9541a}.suggestions-dropdown[data-v-31f4234c]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;z-index:1000;max-height:400px;overflow-y:auto;padding:8px}.suggestion-item[data-v-31f4234c]{border-radius:8px;transition:all .2s ease;margin:4px 0}.suggestion-item[data-v-31f4234c]:hover,.suggestion-item.active[data-v-31f4234c]{background-color:#f8f9fa}.suggestion-content[data-v-31f4234c]{padding:12px;display:flex;align-items:center;gap:12px}.artist-icon[data-v-31f4234c]{width:40px;height:40px;background:#e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.suggestion-details[data-v-31f4234c]{flex:1}.artist-name[data-v-31f4234c]{font-weight:500;color:#212529;margin-bottom:4px}.play-count[data-v-31f4234c]{font-size:.85rem;color:#6c757d}.select-icon[data-v-31f4234c]{color:#1db954;opacity:0;transition:all .2s ease}.suggestion-item:hover .select-icon[data-v-31f4234c],.suggestion-item.active .select-icon[data-v-31f4234c]{opacity:1;transform:translate(4px)}.arrow[data-v-31f4234c]{font-size:1.2rem}.status-message[data-v-31f4234c]{margin-top:12px;padding:8px 12px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px}.loading[data-v-31f4234c]{background:#e3f2fd;color:#0d47a1}.error[data-v-31f4234c]{background:#ffebee;color:#c62828}.spinner[data-v-31f4234c]{width:16px;height:16px;border:2px solid #0d47a1;border-top-color:transparent;border-radius:50%;animation:spin-31f4234c 1s linear infinite}@keyframes spin-31f4234c{to{transform:rotate(360deg)}}.suggestions-dropdown[data-v-31f4234c]::-webkit-scrollbar{width:8px}.suggestions-dropdown[data-v-31f4234c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.suggestions-dropdown[data-v-31f4234c]::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.suggestions-dropdown[data-v-31f4234c]::-webkit-scrollbar-thumb:hover{background:#ccc}.play-history>div[data-v-31f4234c]{margin-top:30px}