:root{--color-background:#fafafa;--color-background-pattern:#00000005;--color-surface:#ffffffb3;--color-surface-hover:#ffffffd9;--color-border:#0000001a;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-primary:#a88bfb;--color-primary-hover:#9575f0;--color-primary-alpha:#a88bfb40;--color-button-text:#1a1a1a;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--gradient-orb-1:radial-gradient(circle at 20% 50%,#a88bfb26 0%,transparent 50%);--gradient-orb-2:radial-gradient(circle at 80% 20%,#ec489926 0%,transparent 50%);--gradient-orb-3:radial-gradient(circle at 40% 90%,#3b82f626 0%,transparent 50%);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--backdrop-blur:blur(12px)}@media (prefers-color-scheme:dark){:root{--color-background:#0a0a0a;--color-background-pattern:#ffffff08;--color-surface:#141414b3;--color-surface-hover:#1e1e1ed9;--color-border:#ffffff1a;--color-text-primary:#fafafa;--color-text-secondary:#a0a0a0;--color-primary:#b9a3fc;--color-primary-hover:#a88bfb;--color-primary-alpha:#b9a3fc40;--color-success:#34d399;--color-error:#f87171;--color-warning:#fbbf24;--gradient-orb-1:radial-gradient(circle at 20% 50%,#a88bfb40 0%,transparent 50%);--gradient-orb-2:radial-gradient(circle at 80% 20%,#ec489940 0%,transparent 50%);--gradient-orb-3:radial-gradient(circle at 40% 90%,#3b82f640 0%,transparent 50%)}}:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Fira Mono","Roboto Mono",monospace}@keyframes moveGradients{0%,to{background-position:0 0,100% 0,50% 100%}25%{background-position:25%,75% 25%,25% 75%}50%{background-position:50% 100%,50%,0%}75%{background-position:75%,25% 75%,75% 25%}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-background);position:relative;overflow-x:hidden}html:before,body:before{content:"";z-index:0;background-image:var(--gradient-orb-1),var(--gradient-orb-2),var(--gradient-orb-3);pointer-events:none;background-position:0 0;background-size:100% 100%;width:100%;height:100%;animation:20s infinite moveGradients;position:fixed;top:0;left:0}html:after,body:after{content:"";z-index:0;background-image:radial-gradient(circle,var(--color-background-pattern)1px,transparent 1px);pointer-events:none;background-size:30px 30px;width:100%;height:100%;position:fixed;top:0;left:0}body{min-height:100vh;position:relative}body>*{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.glass-surface{background:var(--color-surface);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition-property:background,transform,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.glass-surface:hover{background:var(--color-surface-hover)}