:root{--glass-white: rgba(255, 255, 255, .95);--glass-white-soft: rgba(255, 255, 255, .7);--glass-white-muted: rgba(255, 255, 255, .4);--glass-white-subtle: rgba(255, 255, 255, .15);--glass-black: rgba(0, 0, 0, .8);--glass-black-soft: rgba(0, 0, 0, .5);--glass-black-muted: rgba(0, 0, 0, .25);--glass-black-subtle: rgba(0, 0, 0, .1);--aqua-light: #7dd3fc;--aqua-base: #38bdf8;--aqua-mid: #0ea5e9;--aqua-dark: #0284c7;--aqua-deep: #0369a1;--emerald-light: #6ee7b7;--emerald-base: #34d399;--emerald-mid: #10b981;--emerald-dark: #059669;--emerald-deep: #047857;--ruby-light: #fca5a5;--ruby-base: #f87171;--ruby-mid: #ef4444;--ruby-dark: #dc2626;--ruby-deep: #b91c1c;--amber-light: #fcd34d;--amber-base: #fbbf24;--amber-mid: #f59e0b;--amber-dark: #d97706;--amber-deep: #b45309;--purple-light: #c4b5fd;--purple-base: #a78bfa;--purple-mid: #8b5cf6;--purple-dark: #7c3aed;--purple-deep: #6d28d9;--graphite-light: rgba(75, 85, 99, .8);--graphite-base: rgba(55, 65, 81, .85);--graphite-dark: rgba(31, 41, 55, .9);--graphite-deep: rgba(17, 24, 39, .95);--glass-blur: 12px;--glass-blur-heavy: 20px;--glass-blur-light: 6px;--glass-border-light: 1px solid rgba(255, 255, 255, .4);--glass-border-medium: 1px solid rgba(255, 255, 255, .25);--glass-border-dark: 1px solid rgba(255, 255, 255, .1);--shadow-glow-sm: 0 0 10px rgba(255, 255, 255, .3);--shadow-glow-md: 0 0 20px rgba(255, 255, 255, .4);--shadow-glow-lg: 0 0 40px rgba(255, 255, 255, .5);--shadow-drop-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-drop-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-drop-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-drop-xl: 0 16px 48px rgba(0, 0, 0, .3);--shadow-inset-light: inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-inset-glossy: inset 0 1px 0 rgba(255, 255, 255, .7), inset 0 -1px 0 rgba(0, 0, 0, .1);--font-sans: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-weight:var(--font-weight-normal);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-frosted{background:#ffffff1f;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border-light);box-shadow:var(--shadow-drop-md),var(--shadow-inset-light)}.glass-frosted-light{background:#ffffff40;backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));border:var(--glass-border-light);box-shadow:var(--shadow-drop-sm),var(--shadow-inset-light)}.glass-frosted-heavy{background:#ffffff14;backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:var(--glass-border-medium);box-shadow:var(--shadow-drop-lg),var(--shadow-inset-light)}.glass-frosted-dark{background:#00000059;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-drop-md),inset 0 1px #ffffff0d}.glass-glossy{background:linear-gradient(to bottom,#fff6,#ffffff26 50%,#ffffff0d 51%,#ffffff1a);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border-light);box-shadow:var(--shadow-drop-md),var(--shadow-inset-glossy),0 1px 2px #0000001a;position:relative}.glass-glossy:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff80,#fff3,#fff0);border-radius:inherit;pointer-events:none}.glass-glossy-dark{background:linear-gradient(to bottom,#50505ab3,#32323ccc 50%,#1e1e28d9 51%,#282832cc);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-drop-md),inset 0 1px #fff3,inset 0 -1px #0000004d;position:relative}.glass-glossy-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#ffffff26,#ffffff0d,#fff0);border-radius:inherit;pointer-events:none}.glass-aqua{--aqua-h: 199;--aqua-s: 89%;--aqua-l: 48%;background:linear-gradient(to bottom,hsl(var(--aqua-h),var(--aqua-s),calc(var(--aqua-l) + 25%)),hsl(var(--aqua-h),var(--aqua-s),calc(var(--aqua-l) + 10%)) 45%,hsl(var(--aqua-h),var(--aqua-s),var(--aqua-l)) 46%,hsl(var(--aqua-h),var(--aqua-s),calc(var(--aqua-l) - 5%)));border:1px solid hsl(var(--aqua-h),var(--aqua-s),calc(var(--aqua-l) - 15%));box-shadow:0 1px #fff6 inset,0 -1px #0000001a inset,0 4px 12px #00000026,0 2px 4px #0000001a;position:relative;overflow:hidden}.glass-aqua:before{content:"";position:absolute;top:2px;left:10%;right:10%;height:40%;background:linear-gradient(to bottom,#ffffffe6,#fff6,#fff0);border-radius:50%/100% 100% 0% 0%;pointer-events:none}.glass-aqua:after{content:"";position:absolute;bottom:2px;left:20%;right:20%;height:20%;background:radial-gradient(ellipse at center,#ffffff4d,#fff0 70%);pointer-events:none}.glass-rounded-sm{border-radius:var(--radius-sm)}.glass-rounded-md{border-radius:var(--radius-md)}.glass-rounded-lg{border-radius:var(--radius-lg)}.glass-rounded-xl{border-radius:var(--radius-xl)}.glass-rounded-full{border-radius:var(--radius-full)}.glass-shadow-sm{box-shadow:var(--shadow-drop-sm)}.glass-shadow-md{box-shadow:var(--shadow-drop-md)}.glass-shadow-lg{box-shadow:var(--shadow-drop-lg)}.glass-shadow-xl{box-shadow:var(--shadow-drop-xl)}.glass-glow-sm{box-shadow:var(--shadow-glow-sm)}.glass-glow-md{box-shadow:var(--shadow-glow-md)}.glass-glow-lg{box-shadow:var(--shadow-glow-lg)}