.glass-effect{position:relative;background:var(--glass-gradient-base, rgba(255, 255, 255, .02));backdrop-filter:none;-webkit-backdrop-filter:none;border:var(--glass-border);border-radius:var(--glass-radius);overflow:hidden;transition:all var(--glass-transition-fast)}.glass-effect:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff3,#ffffff05,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.glass-tint-purple{background:var(--glass-tint-purple)}.glass-tint-blue{background:var(--glass-tint-blue)}.glass-tint-dark{background:var(--glass-tint-dark);border:1px solid rgba(255,255,255,.08)}.glass-tint-white{background:var(--glass-tint-white)}.glass-interactive{cursor:pointer;transition:all var(--glass-transition-medium)}.glass-interactive:before{transition:opacity var(--glass-transition-fast)}.glass-interactive:hover{transform:scale(1.02) translateY(-2px);box-shadow:var(--glass-shadow-lg),var(--glass-glow-interactive);border-color:#ffffff40}.glass-interactive:hover:before{opacity:1;animation:shimmer-sweep 1.5s ease-in-out}.glass-interactive:active{transform:scale(.98) translateY(0);transition-duration:.15s;box-shadow:var(--glass-shadow-sm)}.glass-interactive:active:after{animation:glass-ripple .6s ease-out}.glass-container{position:relative;isolation:isolate}.glass-container .glass-effect{mix-blend-mode:normal}.glass-container .glass-effect+.glass-effect{margin-top:-1px}@keyframes liquid-drift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes liquid-wobble-hover{0%{border-radius:var(--glass-radius)}33%{border-radius:var(--glass-radius) 18px 22px var(--glass-radius);transform:scale(1.02) rotate(.5deg)}66%{border-radius:22px var(--glass-radius) var(--glass-radius) 18px;transform:scale(1.02) rotate(-.5deg)}to{border-radius:var(--glass-radius);transform:scale(1.02)}}@keyframes liquid-wobble-active{0%{transform:scale(.96)}50%{transform:scale(.94)}to{transform:scale(.96)}}.liquid-glass-base{position:relative;background:var(--glass-bg-base);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow-sm);isolation:isolate;overflow:hidden;transition:all .4s var(--ease-liquid)}.liquid-glass-base:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff6,#ffffff0d 40%,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none;z-index:2}.liquid-glass-interactive{cursor:pointer}.liquid-glass-interactive:hover{background:var(--glass-bg-hover);border-color:#ffffff40;animation:liquid-wobble-hover 1.5s var(--ease-spring) infinite}.liquid-glass-interactive:active{background:var(--glass-bg-active);animation:liquid-wobble-active .2s var(--ease-liquid) forwards}.liquid-nav{display:flex;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px;position:relative;isolation:isolate}.liquid-displacement{position:absolute;background:#ffffff26;border-radius:999px;z-index:-1;transition:all .5s var(--ease-spring);box-shadow:0 0 15px #ffffff1a}.liquid-nav-item{padding:8px 16px;border-radius:999px;color:#fff9;cursor:pointer;font-weight:600;font-size:13px;line-height:1.5;transition:color .3s;position:relative;z-index:2;text-decoration:none}.liquid-nav-item.active{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.liquid-text{background:linear-gradient(to bottom,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.glass-effect,.liquid-card,.callet-card,.liquid-btn,.liquid-input{position:relative;background:var(--glass-gradient-base, rgba(255, 255, 255, .02));backdrop-filter:none;-webkit-backdrop-filter:none;border:var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow-sm);isolation:isolate;overflow:hidden;transition:all .4s var(--ease-liquid)}.glass-effect:before,.liquid-card:before,.callet-card:before,.liquid-btn:before,.liquid-input:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#fff6,#ffffff0d 40%,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none;z-index:2}.glass-effect{background:var(--glass-bg-base);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border)}.liquid-card{background:#00000005;border:1px solid rgba(255,255,255,.03);border-radius:16px;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all .5s cubic-bezier(.19,1,.22,1)}.liquid-card:hover{background:#ffffff0a;border-color:#ffffff1a;box-shadow:0 10px 40px #0003;-webkit-backdrop-filter:none;backdrop-filter:none}:root{--c-glass: #bbbbbc;--c-light: #fff;--c-dark: #000;--c-content: #e1e1e1;--c-action: #03d5ff;--c-bg: #1b1b1d;--glass-reflex-dark: 2;--glass-reflex-light: .3;--saturation: 150%}.dark-mode{--c-glass: #bbbbbc;--c-light: #fff;--c-dark: #000;--c-content: #e1e1e1;--c-action: #03d5ff;--c-bg: #1b1b1d;--glass-reflex-dark: 2;--glass-reflex-light: .3}.light-mode{--c-glass: #888888;--c-light: #000;--c-dark: #fff;--c-content: #1d1d1f;--c-action: #007aff;--c-bg: #f5f5f7;--glass-reflex-dark: .8;--glass-reflex-light: 1.2;--saturation: 120%;--glass-bg-base: rgba(255, 255, 255, .65);--glass-border: 1px solid rgba(255, 255, 255, .4)}body{background-color:var(--c-bg);color:var(--c-content);transition:background-color .5s cubic-bezier(.2,.8,.2,1),color .5s ease}.liquid-glass-panel{position:relative;border:none;background-color:color-mix(in srgb,var(--c-glass) 12%,transparent);backdrop-filter:blur(8px) url(#switcher) saturate(var(--saturation));-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 1px 5px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 6px 16px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent);transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1);border-radius:99em}.liquid-glass-panel.rect{border-radius:24px}.liquid-glass-widget{background-color:color-mix(in srgb,var(--c-glass) 8%,transparent);backdrop-filter:blur(8px) url(#switcher) saturate(var(--saturation));-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 5%),transparent),inset 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 50%),transparent),0 4px 12px #0000001a;border-radius:16px;will-change:transform}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-elevated: #111111;--bg-hover: #1a1a1a;--border-primary: #222222;--border-secondary: #333333;--border-active: #444444;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--text-disabled: #444444;--accent-green: #00ff88;--accent-red: #ff4444;--accent-blue: #0099ff;--accent-yellow: #ffcc00;--status-success: #00ff88;--status-error: #ff4444;--status-warning: #ffcc00;--status-info: #0099ff;--header-height: 56px;--sidebar-width: 240px;--max-width: 1600px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--font-mono: "SF Mono", "Monaco", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--transition-fast: .1s ease;--transition-medium: .2s ease;--glass-bg-base: rgba(255, 255, 255, .005);--glass-bg-hover: rgba(255, 255, 255, .03);--glass-bg-active: rgba(255, 255, 255, .05);--glass-blur: none;--glass-gradient-base: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .01) 100%);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-subtle: 1px solid rgba(255, 255, 255, .04);--glass-highlight: rgba(255, 255, 255, .2);@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}--glass-radius: 20px;--glass-radius-sm: 12px;--glass-radius-lg: 28px;--spring-smooth: cubic-bezier(.34, 1.56, .64, 1);--spring-gentle: cubic-bezier(.19, 1, .22, 1);--spring-bouncy: cubic-bezier(.68, -.55, .265, 1.55);--glass-transition-fast: .3s var(--spring-gentle);--glass-transition-medium: .5s var(--spring-smooth);--glass-transition-slow: .8s var(--spring-gentle)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.mono{font-family:var(--font-mono)}.text-sm{font-size:11px}.text-md{font-size:13px}.text-lg{font-size:15px}.text-xl{font-size:18px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.terminal-glow{text-shadow:0 0 8px currentColor}.positive{color:var(--accent-green)}.negative{color:var(--accent-red)}.neutral{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}::selection{background:var(--accent-blue);color:var(--bg-primary)}@keyframes glass-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glass-glow{0%,to{box-shadow:var(--glass-shadow-md),var(--glass-glow);filter:brightness(1)}50%{box-shadow:var(--glass-shadow-md),var(--glass-glow-interactive);filter:brightness(1.05)}}@keyframes glass-merge{0%{opacity:0;transform:scale(.8) translateY(20px);filter:blur(10px)}60%{opacity:1;filter:blur(0px)}to{transform:scale(1) translateY(0)}}@keyframes glass-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.002)}}@keyframes glass-ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes liquid-spread{0%{clip-path:circle(0% at 50% 50%);opacity:0}50%{opacity:1}to{clip-path:circle(150% at 50% 50%)}}@keyframes shimmer-sweep{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}@keyframes glass-float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-3px) translate(2px)}50%{transform:translateY(-1px) translate(-1px)}75%{transform:translateY(-4px) translate(1px)}}