:root{--color-primary: #bc6ff1;--color-secondary: #ff007c;--base-bg: #070b14;--text-base: #f8fafc;--text-muted: #94a3b8;--panel-bg: rgba(15, 23, 42, .92);--panel-border: rgba(255, 255, 255, .12);--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .08);--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(255, 255, 255, .15);--selected-item-bg: rgba(188, 111, 241, .15);--player-bar-bg: #0f172a;--shadow-color: rgba(0, 0, 0, .8)}body.light-mode{--base-bg: #f1f5f9;--text-base: #020617;--text-muted: #1e293b;--panel-bg: rgba(255, 255, 255, .95);--panel-border: rgba(2, 6, 23, .15);--card-bg: #ffffff;--card-border: rgba(2, 6, 23, .08);--input-bg: #f8fafc;--input-border: rgba(2, 6, 23, .2);--selected-item-bg: rgba(2, 6, 23, .08);--player-bar-bg: #ffffff;--shadow-color: rgba(2, 6, 23, .15)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808066;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#80808099}body{background-color:var(--base-bg);color:var(--text-base);font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .5s ease,color .5s ease;overscroll-behavior:none}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--panel-border);box-shadow:0 10px 50px var(--shadow-color);will-change:transform,opacity}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--card-border);box-shadow:0 4px 15px var(--shadow-color);will-change:transform,opacity}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}@keyframes planet-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,40px) scale(.95)}}