:root{--hue: 220;--sat: 70%;--lig: 15%;--color-bg: hsl(var(--hue), 20%, 8%);--color-surface: hsla(var(--hue), 20%, 15%, .6);--color-surface-hover: hsla(var(--hue), 20%, 20%, .7);--color-primary: hsl(var(--hue), 90%, 60%);--color-primary-glow: hsla(var(--hue), 90%, 60%, .4);--color-accent: hsl(320, 80%, 60%);--color-text: hsl(var(--hue), 10%, 95%);--color-text-dim: hsl(var(--hue), 10%, 70%);--glass-blur: 16px;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .2);--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px}body{margin:0;min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 25%,rgba(56,189,248,.15) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(236,72,153,.15) 0%,transparent 40%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--color-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:all .3s ease}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-dim{color:var(--color-text-dim)}button{cursor:pointer;border:none;background:var(--color-primary);color:#fff;padding:.6em 1.2em;border-radius:var(--radius-sm);font-weight:600;transition:opacity .2s}button:hover{opacity:.9}