:root{--hue-primary: 215;--hue-secondary: 35;--hue-accent: 160;--color-bg-dark: hsl(222, 25%, 7%);--color-bg-card: hsla(222, 25%, 12%, .7);--color-bg-glass: hsla(222, 25%, 10%, .5);--color-primary: hsl(var(--hue-primary), 90%, 60%);--color-primary-glow: hsla(var(--hue-primary), 90%, 60%, .4);--color-secondary: hsl(var(--hue-secondary), 90%, 65%);--color-accent: hsl(var(--hue-accent), 80%, 50%);--color-text-main: hsl(220, 20%, 95%);--color-text-muted: hsl(220, 10%, 70%);--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .3);--border-glass: 1px solid rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-dark);color:var(--color-text-main);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,hsla(var(--hue-secondary),50%,20%,.2) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsla(var(--hue-primary),50%,20%,.2) 0%,transparent 40%)}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-md)}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}h1,h2,h3,h4{font-weight:700;line-height:1.2}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}