*{box-sizing:border-box;margin:0;padding:0}:root{--color-purple:#8b5cf6;--color-silver:silver;--color-spotify-green:#1db954;--color-dark-bg:#121212;--color-darker-bg:#0a0a0a;--color-card-bg:#ffffff0d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121212;background:var(--color-dark-bg);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{background:#8b5cf61a;border-radius:4px;color:#8b5cf6;color:var(--color-purple);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2rem .4rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a;background:var(--color-darker-bg)}::-webkit-scrollbar-thumb{background:#8b5cf6;background:var(--color-purple);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#1db954;background:var(--color-spotify-green)}::selection{background:#8b5cf6;background:var(--color-purple);color:#fff}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;min-height:100vh}.dashboard-container{margin:0 auto;max-width:900px;padding:2rem}.dashboard-header{align-items:flex-start;border-bottom:1px solid #8b5cf633;display:flex;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:1.5rem 0}.header-left{flex:1 1}.header-right{align-items:center;display:flex;gap:1rem}.logo-container{align-items:flex-start;display:flex;gap:1rem}.logo-icon{animation:pulse 3s ease-in-out infinite;flex-shrink:0}.logo-text-group{display:flex;flex-direction:column;gap:.25rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,silver 50%,#1db954);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.header-subtitle{color:#ffffff80;font-size:.813rem;font-weight:400;margin:0}.inline-link{color:#8b5cf6;text-decoration:none;transition:color .2s ease}.inline-link:hover{color:#1db954}.last-updated{color:#fff6;font-size:.813rem;font-weight:400;white-space:nowrap}.github-icon-link{align-items:center;color:#ffffff80;display:flex;transition:color .3s ease}.github-icon-link:hover{color:#1db954}.refresh-button{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf680;color:#1db954;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.refresh-button svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-message{animation:slideDown .3s ease;background:#1db9541a;border:1px solid #1db9544d;border-radius:12px;color:#1db954;font-size:.875rem;margin-bottom:2rem;padding:1rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recent-track{background:linear-gradient(135deg,#8b5cf626,#1db9541a);border:1px solid #8b5cf64d;border-radius:16px;color:inherit;cursor:pointer;display:block;margin-bottom:3rem;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.recent-track:hover{border-color:#1db95480;box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-3px)}.play-hint{color:#1db954b3;font-size:.75rem;margin-top:.5rem;opacity:0;transition:opacity .3s ease}.recent-track:hover .play-hint{opacity:1}.recent-track-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.recent-track-label{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.track-navigation{gap:.5rem}.nav-arrow,.track-navigation{align-items:center;display:flex}.nav-arrow{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:6px;color:#fffc;cursor:pointer;font-size:1.25rem;height:28px;justify-content:center;line-height:1;min-width:28px;padding:.25rem .5rem;transition:all .2s ease}.nav-arrow:hover{background:#8b5cf64d;border-color:#1db95480;color:#1db954;transform:scale(1.1)}.nav-arrow:active{transform:scale(.95)}.track-indicator{color:#ffffff80;font-size:.75rem;font-weight:500;min-width:35px;text-align:center}.recent-track-info{align-items:center;display:flex;gap:1rem;justify-content:space-between}.recent-track-name{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.recent-track-artist{color:#fff9;font-size:.938rem}.recent-track-time{color:#ffffff80;font-size:.875rem;white-space:nowrap}.stats-section{margin-bottom:3rem}.section-title{color:silver;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:3rem}.stat-card{align-items:center;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.5rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-card.purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border-color:#8b5cf64d}.stat-card.silver{background:linear-gradient(135deg,#c0c0c033,#c0c0c00d);border-color:#c0c0c04d}.stat-card.green{background:linear-gradient(135deg,#1db95433,#1db9540d);border-color:#1db9544d}.stat-card.dark{background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-color:#fff3}.stat-card.purple-alt{background:linear-gradient(135deg,#8b5cf626,#8b5cf608);border-color:#8b5cf640}.stat-card.green-alt{background:linear-gradient(135deg,#1db95426,#1db95408);border-color:#1db95440}.stat-icon{font-size:2.5rem}.stat-content{flex:1 1}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .25rem}.stat-label{color:#fff9;font-size:.875rem;font-weight:500;letter-spacing:.3px;margin:0}.stat-detail{color:#fff6;font-size:.75rem;font-weight:400;line-height:1.3;margin:.5rem 0 0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.logo-icon:hover{animation:pulse 1.5s ease-in-out infinite}@media (max-width:768px){.dashboard-container{padding:.75rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.5rem 0}.header-right{align-self:flex-end}.logo-container{align-items:center;gap:.5rem}.logo-icon svg{height:28px;width:28px}.logo-text{font-size:1.125rem}.header-subtitle{font-size:.688rem;line-height:1.3}.recent-track{margin-bottom:1rem;padding:.875rem}.recent-track-header{margin-bottom:.5rem}.recent-track-label{font-size:.688rem}.nav-arrow{font-size:1rem;height:24px;min-width:24px;padding:.2rem .4rem}.track-indicator{font-size:.688rem;min-width:30px}.recent-track-name{font-size:1rem}.recent-track-artist{font-size:.813rem}.recent-track-info{align-items:flex-start;flex-direction:column;gap:.5rem}.recent-track-time{align-self:flex-start;font-size:.75rem}.play-hint{font-size:.625rem;margin-top:.375rem}.section-title{font-size:1rem;margin-bottom:.75rem}.stats-grid{gap:.625rem;grid-template-columns:1fr;margin-bottom:1rem}.stat-card{gap:1rem;padding:1rem}.stat-icon{font-size:1.75rem}.stat-value{font-size:1.5rem;margin:0 0 .125rem}.stat-label{font-size:.75rem}.stat-detail{font-size:.625rem;line-height:1.25;margin-top:.25rem}}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}.loading-state p{color:#fff9;font-size:1rem}.error-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh;text-align:center}.error-state p{color:#ffffffb3;font-size:1rem}.retry-button{background:linear-gradient(135deg,#8b5cf6,#1db954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}
/*# sourceMappingURL=main.96c40c01.css.map*/