:root{--bg-color: #020617;--text-color: #ffffff;--text-muted: rgba(255, 255, 255, .7);--primary-color: #06b6d4;--secondary-color: #3b82f6;--accent-color: #10b981;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .4);--font-family: "Inter", system-ui, -apple-system, sans-serif;--glow-shadow: 0 0 20px rgba(6, 182, 212, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);background-image:radial-gradient(circle at top right,#1e293b,#020617);color:var(--text-color);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#020205}::-webkit-scrollbar-thumb{background:#333;border-radius:5px;border:2px solid #020205}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.fade-in{animation:fadeIn .8s cubic-bezier(.2,.8,.2,1) forwards}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff0d}.text-gradient{background:linear-gradient(135deg,var(--text-color) 0%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}select option{background-color:var(--bg-color);color:var(--text-color)}@media(max-width:768px){.glass-panel{padding:1.2rem!important}h1{font-size:2rem!important}.btn-group{flex-direction:column;width:100%}.btn-group button{width:100%;margin-bottom:.5rem}.result-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem}.result-header>div:last-child{width:100%;justify-content:space-between}.app-header{display:flex;flex-direction:column-reverse;gap:1rem;margin-bottom:2rem!important}.spotify-status{position:relative!important;top:auto!important;right:auto!important;align-self:center;margin-bottom:1rem;transform:none!important}}.app-header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:3rem}.app-header h1{grid-column:2;width:max-content;margin:0 auto}.spotify-status{grid-column:3;justify-self:end;position:static;transform:none;z-index:10}