@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;background-image:radial-gradient(circle at 25% 25%,#ffd7000d 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff6b3508 0,#0000 50%);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:gold}::selection{background:#ffd7004d;color:#fff}::-moz-selection{background:#ffd7004d;color:#fff}:focus-visible{outline:2px solid gold;outline-offset:2px}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.album-cover{border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.album-cover:hover{box-shadow:0 12px 24px #ffd70033;transform:scale(1.05)}.rating-stars{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b35);background-clip:text;-webkit-background-clip:text}.hover-card{cursor:pointer;transition:all .3s ease}.hover-card:hover{box-shadow:0 12px 24px #ffd70026;transform:translateY(-4px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0acc}.btn-primary{background:linear-gradient(135deg,gold,#ff6b35);border:none;color:#0a0a0a;font-weight:600;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#ffed4e,#ff8a65);box-shadow:0 4px 12px #ffd7004d;transform:translateY(-1px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.music-note{animation:float 3s ease-in-out infinite}@media (max-width:768px){body{font-size:14px}.mobile-hidden{display:none}}.MuiPaper-root{background-image:none!important}.MuiCard-root,.MuiPaper-root{background-color:#1a1a1a!important}.MuiCard-root{border:1px solid #333!important}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b35);background-clip:text;-webkit-background-clip:text}.text-secondary{color:#ccc!important}.bg-card{background-color:#1a1a1a;border:1px solid #333;border-radius:8px}.border-primary{border-color:gold!important}.shadow-primary{box-shadow:0 4px 12px #ffd70033}