:root{--portlet-blur-base:40px;--portlet-blur-heavy:60px;--portlet-saturation:180%;--portlet-tint-light:255,255,255;--portlet-tint-dark:245,247,252;--portlet-refraction-index:1.52;--portlet-shadow-ambient:0 8px 32px rgba(31,38,135,0.08);--portlet-shadow-key:0 4px 16px rgba(31,38,135,0.12);--portlet-shadow-inner:inset 0 2px 4px rgba(255,255,255,0.8);--portlet-shadow-hover:0 20px 60px rgba(31,38,135,0.15);--portlet-specular-color:255,255,255;--portlet-specular-intensity:0.9;--portlet-border-light:rgba(255,255,255,0.6);--portlet-border-medium:rgba(255,255,255,0.4);--portlet-border-subtle:rgba(255,255,255,0.2)}.liquid-glass-portlet{position:relative;isolation:isolate;transform-style:preserve-3d;background:linear-gradient(135deg,rgba(var(--portlet-specular-color),.2) 0,transparent 20%,transparent 80%,rgba(var(--portlet-specular-color),.1) 100%),linear-gradient(180deg,rgba(var(--portlet-tint-light),.25),rgba(var(--portlet-tint-light),.15),rgba(var(--portlet-tint-dark),.2));backdrop-filter:blur(var(--portlet-blur-base)) saturate(var(--portlet-saturation)) brightness(1.02);-webkit-backdrop-filter:blur(var(--portlet-blur-base)) saturate(var(--portlet-saturation)) brightness(1.02);box-shadow:var(--portlet-shadow-ambient),var(--portlet-shadow-key),var(--portlet-shadow-inner);border:1px solid var(--portlet-border-medium);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.liquid-glass-portlet:before{padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.1),rgba(255,255,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;z-index:-1}.liquid-glass-portlet:after,.liquid-glass-portlet:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.liquid-glass-portlet:after{background:radial-gradient(ellipse at top left,rgba(120,119,198,.15),transparent 40%),radial-gradient(ellipse at bottom right,rgba(255,119,168,.1),transparent 40%);mix-blend-mode:overlay;z-index:1;opacity:0;transition:opacity .3s ease}.liquid-glass-portlet:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--portlet-shadow-hover),var(--portlet-shadow-key),var(--portlet-shadow-inner),0 0 60px rgba(74,115,204,.1)}.liquid-glass-portlet:hover:after{opacity:1}.liquid-glass-default{--portlet-blur-base:40px;background-blend-mode:normal}.liquid-glass-featured{--portlet-blur-base:50px;--portlet-saturation:200%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0,transparent 25%,transparent 75%,rgba(255,255,255,.2) 100%),linear-gradient(180deg,rgba(var(--portlet-tint-light),.35),rgba(var(--portlet-tint-light),.25),rgba(var(--portlet-tint-dark),.3));border:2px solid var(--portlet-border-light);border-radius:28px}.liquid-glass-featured:hover{transform:translateY(-6px) scale(1.015)}.liquid-glass-minimal{--portlet-blur-base:20px;--portlet-saturation:150%;background:rgba(var(--portlet-tint-light),.15);border:1px solid var(--portlet-border-subtle);border-radius:20px;box-shadow:0 4px 16px rgba(31,38,135,.06),var(--portlet-shadow-inner)}.liquid-glass-minimal:hover{transform:translateY(-2px)}.liquid-glass-static{transition:none}.liquid-glass-static:hover{transform:none;box-shadow:var(--portlet-shadow-ambient),var(--portlet-shadow-key),var(--portlet-shadow-inner)}.liquid-glass-floating{--portlet-blur-heavy:80px;backdrop-filter:blur(var(--portlet-blur-heavy)) saturate(220%);box-shadow:0 25px 60px rgba(31,38,135,.12),0 15px 35px rgba(31,38,135,.08),var(--portlet-shadow-inner),0 0 80px rgba(74,115,204,.05);animation:floatAnimation 6s ease-in-out infinite}@keyframes floatAnimation{0%,to{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-10px) rotateX(2deg)}}.liquid-glass-interactive{transition:all .2s cubic-bezier(.4,0,.2,1)}.liquid-glass-interactive:active{transform:scale(.98);box-shadow:0 4px 12px rgba(31,38,135,.1),inset 0 2px 8px rgba(0,0,0,.05)}.liquid-glass-content{position:relative;z-index:2}.liquid-glass-header{position:relative;z-index:3;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.liquid-glass-footer{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.15);background:linear-gradient(0deg,rgba(255,255,255,.03),transparent)}.liquid-glass-icon{position:relative;padding:10px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.liquid-glass-icon:hover{transform:rotate(5deg) scale(1.1);background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1))}.liquid-glass-loading{position:relative;overflow:hidden}.liquid-glass-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:liquidShimmer 1.5s infinite}@keyframes liquidShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.liquid-glass-error{border-color:rgba(239,68,68,.3);background:linear-gradient(180deg,rgba(254,226,226,.1),rgba(254,202,202,.05))}@media (prefers-reduced-motion:reduce){.liquid-glass-floating,.liquid-glass-portlet,.liquid-glass-portlet:after,.liquid-glass-portlet:before{animation:none;transition:opacity .2s ease}}.dark .liquid-glass-portlet{--portlet-tint-light:30,41,59;--portlet-tint-dark:15,23,42;--portlet-border-light:rgba(148,163,184,0.3);--portlet-border-medium:rgba(148,163,184,0.2);--portlet-border-subtle:rgba(148,163,184,0.1)}@media (prefers-color-scheme:dark){:root:not(.dark) .liquid-glass-portlet{--portlet-tint-light:30,41,59;--portlet-tint-dark:15,23,42;--portlet-border-light:rgba(148,163,184,0.3);--portlet-border-medium:rgba(148,163,184,0.2);--portlet-border-subtle:rgba(148,163,184,0.1)}}@media (prefers-contrast:high){.liquid-glass-portlet{border-width:2px;--portlet-border-medium:rgba(255,255,255,0.8)}}