:root{--md-sys-color-background: #1C1B1F;--md-sys-color-background-start: #1C1B1F;--md-sys-color-background-mid: #211F26;--md-sys-color-background-end: #161418;--md-sys-color-surface: #1C1B1F;--md-sys-color-surface-container: #211F26;--md-sys-color-surface-container-high: #2B2930;--md-sys-color-surface-container-highest: #36343B;--md-sys-color-outline: #938F99;--md-sys-color-outline-variant: #49454F;--md-sys-color-on-surface: #E6E1E5;--md-sys-color-on-surface-variant: #CAC4D0;--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-primary-container: #4F378B;--md-sys-color-on-primary-container: #EADDFF;--md-sys-color-secondary: #CCC2DC;--md-sys-color-on-secondary: #332D41;--md-sys-color-tertiary: #EFB8C8;--md-sys-color-error: #F2B8B5;--md-sys-color-warning: #FFB74D;--md-sys-color-success: #81C784;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--md-sys-color-background-start) 0%,var(--md-sys-color-background-mid) 50%,var(--md-sys-color-background-end) 100%);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"♪";position:fixed;top:10%;left:5%;font-size:2rem;color:var(--md-sys-color-outline-variant);animation:float 6s ease-in-out infinite;z-index:-1}body:after{content:"♫";position:fixed;top:20%;right:10%;font-size:3rem;color:var(--md-sys-color-surface);animation:float 8s ease-in-out infinite reverse;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-small)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-surface-container-high)}.glass-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);box-shadow:0 4px 16px #0000001a;position:relative}.neon-glow{box-shadow:0 0 20px var(--md-sys-color-outline);transition:all .3s ease}.neon-glow:hover{box-shadow:0 0 30px var(--md-sys-color-surface-container-high);transform:scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in-up{animation:fadeInUp .8s ease-out}.bounce-in{animation:bounceIn 1s ease-out}.pulse{animation:pulse 2s infinite}.stagger-card:nth-child(1){animation-delay:.1s}.stagger-card:nth-child(2){animation-delay:.2s}.stagger-card:nth-child(3){animation-delay:.3s}.stagger-card:nth-child(4){animation-delay:.4s}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0003}.hover-lift.clickable,.hover-lift button,.hover-lift .MuiButton-root,.hover-lift .MuiListItemButton-root{cursor:pointer}.fun-button{background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-large);color:var(--md-sys-color-on-surface);font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fun-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--md-sys-color-outline-variant),transparent);transition:left .5s}.fun-button:hover:before{left:100%}.fun-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d;background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.gradient-list-item{background:var(--md-sys-color-surface)!important;border-radius:var(--md-sys-shape-corner-small)!important;margin:4px 0!important;border:1px solid var(--md-sys-color-outline-variant)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.gradient-list-item:hover{background:var(--md-sys-color-surface-container)!important;border-color:var(--md-sys-color-outline)!important}.gradient-chip{background:var(--md-sys-color-surface-container)!important;border:1px solid var(--md-sys-color-outline)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:var(--md-sys-color-on-surface)!important}.gradient-chip:hover{background:var(--md-sys-color-surface-container-high)!important}.gradient-avatar,.gradient-alert{background:var(--md-sys-color-surface-container)!important;border:1px solid var(--md-sys-color-outline)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.gradient-alert-warning{background:#ff980026!important;border:1px solid rgba(255,152,0,.3)!important}.gradient-alert-error{background:#f4433626!important;border:1px solid rgba(244,67,54,.3)!important}.gradient-alert-success{background:#4caf5026!important;border:1px solid rgba(76,175,80,.3)!important}.music-wave{display:flex;align-items:center;gap:2px;height:20px}.music-wave span{width:3px;background:linear-gradient(to top,#ff6b6b,#4ecdc4);border-radius:2px;animation:wave 1.5s ease-in-out infinite}.music-wave span:nth-child(1){animation-delay:0s}.music-wave span:nth-child(2){animation-delay:.1s}.music-wave span:nth-child(3){animation-delay:.2s}.music-wave span:nth-child(4){animation-delay:.3s}.music-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:5px}50%{height:20px}}