:root{--glass-background:hsla(0,0%,100%,.72);--glass-background-elevated:hsla(0,0%,100%,.88);--glass-background-thick:rgba(242,242,247,.8);--glass-sidebar:hsla(0,0%,96%,.72);--glass-border:rgba(0,0,0,.06);--glass-border-light:hsla(0,0%,100%,.18);--glass-border-prominent:rgba(0,0,0,.12);--glass-shadow:0 8px 32px rgba(0,0,0,.08);--glass-shadow-elevated:0 12px 48px rgba(0,0,0,.12);--glass-shadow-subtle:0 2px 8px rgba(0,0,0,.04);--glass-overlay:rgba(0,0,0,.32);--glass-overlay-light:hsla(0,0%,100%,.48);--glass-hover:rgba(0,0,0,.04);--glass-active:rgba(0,0,0,.08);--glass-blur:20px;--glass-blur-heavy:40px;--glass-saturation:180%}.dark{--glass-background:rgba(30,30,30,.72);--glass-background-elevated:rgba(44,44,46,.88);--glass-background-thick:rgba(22,22,24,.8);--glass-sidebar:rgba(28,28,30,.72);--glass-border:hsla(0,0%,100%,.08);--glass-border-light:hsla(0,0%,100%,.04);--glass-border-prominent:hsla(0,0%,100%,.12);--glass-shadow:0 8px 32px rgba(0,0,0,.24);--glass-shadow-elevated:0 12px 48px rgba(0,0,0,.32);--glass-shadow-subtle:0 2px 8px rgba(0,0,0,.16);--glass-overlay:rgba(0,0,0,.48);--glass-overlay-light:hsla(0,0%,100%,.08);--glass-hover:hsla(0,0%,100%,.04);--glass-active:hsla(0,0%,100%,.08)}.glass{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));background:var(--glass-background);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-elevated{backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur-heavy)) saturate(var(--glass-saturation));background:var(--glass-background-elevated);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-elevated)}.glass-thick{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));background:var(--glass-background-thick);border:1px solid var(--glass-border)}@keyframes glass-shimmer{0%{background-position:-200%}to{background-position:200%}}.glass-shimmer{animation:glass-shimmer 3s ease-in-out infinite;background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);background-size:200% 100%}.glass-border-t{border-top:1px solid var(--glass-border)}.glass-border-b{border-bottom:1px solid var(--glass-border)}.glass-border-l{border-left:1px solid var(--glass-border)}.glass-border-r{border-right:1px solid var(--glass-border)}.glass-gpu{transform:translateZ(0);will-change:transform,opacity}.glass-hover{transition:all .2s ease-out}.glass-hover:hover{background:var(--glass-hover);box-shadow:var(--glass-shadow-elevated);transform:translateY(-1px)}.glass-focus:focus{box-shadow:0 0 0 2px var(--glass-background),0 0 0 4px rgba(0,122,255,.48);outline:none}.glass-rounded{border-radius:12px}.glass-rounded-lg{border-radius:16px}.glass-rounded-xl{border-radius:20px}.glass-rounded-2xl{border-radius:24px}.glass-noise:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");border-radius:inherit;content:"";inset:0;opacity:.02;pointer-events:none;position:absolute}