:root{--primary-hue: 250;--primary: hsl(var(--primary-hue), 100%, 65%);--primary-dark: hsl(var(--primary-hue), 100%, 55%);--secondary: hsl(190, 100%, 50%);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 32px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--bg-main: hsl(230, 25%, 10%);--bg-secondary: hsl(230, 25%, 14%);--text-main: hsl(0, 0%, 100%);--text-muted: hsl(230, 20%, 70%);--glass-bg: rgba(20, 20, 40, .6);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 20px 40px rgba(0,0,0,.4);--input-bg: rgba(0,0,0,.3);--chip-bg: rgba(255,255,255,.05)}:root[data-theme=light]{--bg-main: hsl(220, 30%, 96%);--bg-secondary: hsl(220, 30%, 100%);--text-main: hsl(230, 25%, 20%);--text-muted: hsl(230, 15%, 40%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 20px 40px rgba(100,100,200,.15);--input-bg: rgba(255,255,255,.5);--chip-bg: rgba(0,0,0,.05)}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}button{cursor:pointer;border:none;background:none;font-family:inherit;color:var(--text-main)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px hsl(var(--primary-hue) 100% 65% / .3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsl(var(--primary-hue) 100% 65% / .4)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;opacity:.5}
