:root{--liquid-blur:22px;--liquid-saturate:185%;--liquid-brightness:1.06;--liquid-shine-speed:7s;--liquid-flow-speed:12s;--liquid-border-light:rgba(255,255,255,0.55);--liquid-border-dark:rgba(255,255,255,0.28);--liquid-border-brand:rgba(141,199,64,0.35);--liquid-bg-light:linear-gradient(145deg,rgba(255,255,255,0.72),rgba(255,255,255,0.42) 45%,rgba(240,248,235,0.55));--liquid-bg-dark:linear-gradient(145deg,rgba(255,255,255,0.22),rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04));--liquid-bg-brand:linear-gradient(145deg,rgba(255,255,255,0.92),rgba(255,255,255,0.78) 50%,rgba(255,255,255,0.88));--liquid-shadow-light:inset 0 1px 1px rgba(255,255,255,0.85),inset 0 -1px 2px rgba(0,66,39,0.04),0 10px 40px rgba(0,66,39,0.1);--liquid-shadow-dark:inset 0 1px 1px rgba(255,255,255,0.45),inset 0 -1px 2px rgba(0,0,0,0.08),0 8px 32px rgba(0,66,39,0.18)}@layer utilities{.glass,.liquid-glass{isolation:isolate;overflow:hidden;background:var(--liquid-bg-light);backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate)) brightness(var(--liquid-brightness));-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate)) brightness(var(--liquid-brightness));border:1px solid var(--liquid-border-light);box-shadow:var(--liquid-shadow-light)}.glass:not(.fixed):not(.sticky):not(.absolute),.liquid-glass:not(.fixed):not(.sticky):not(.absolute){position:relative}.glass:before,.liquid-glass:before{content:"";position:absolute;inset:-50% -80%;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(255,255,255,.45) 40deg,rgba(255,255,255,.08) 80deg,transparent 120deg,rgba(255,255,255,.2) 200deg,transparent 1turn);animation:liquid-flow var(--liquid-flow-speed) linear infinite;pointer-events:none;opacity:.55}.glass:after,.liquid-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.15) 52%,transparent 70%);background-size:220% 100%;animation:liquid-shine var(--liquid-shine-speed) ease-in-out infinite;pointer-events:none;mix-blend-mode:overlay}.glass-dark,.liquid-glass-dark{isolation:isolate;overflow:hidden;background:var(--liquid-bg-dark);backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate)) brightness(1.12);-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate)) brightness(1.12);border:1px solid var(--liquid-border-dark);box-shadow:var(--liquid-shadow-dark)}.glass-dark:not(.fixed):not(.sticky):not(.absolute),.liquid-glass-dark:not(.fixed):not(.sticky):not(.absolute){position:relative}.glass-dark:before,.liquid-glass-dark:before{content:"";position:absolute;inset:-60% -90%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.28) 0,transparent 55%);animation:liquid-blob 9s ease-in-out infinite;pointer-events:none}.glass-dark:after,.liquid-glass-dark:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);pointer-events:none}.liquid-glass-brand,.profile-card{position:relative;isolation:isolate;overflow:hidden;background:var(--liquid-bg-brand);backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate)) brightness(var(--liquid-brightness));-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate)) brightness(var(--liquid-brightness));border:1px solid var(--liquid-border-brand);box-shadow:var(--liquid-shadow-light)}.liquid-glass-brand:before,.profile-card:before{content:"";position:absolute;inset:-40% -70%;background:conic-gradient(from 90deg at 50% 50%,transparent,rgba(141,199,64,.12) 25%,rgba(255,255,255,.35) 50%,transparent 75%);animation:liquid-flow var(--liquid-flow-speed) linear infinite;pointer-events:none;opacity:.7}.liquid-glass-brand:after,.profile-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:200% 100%;animation:liquid-shine var(--liquid-shine-speed) ease-in-out infinite;pointer-events:none;mix-blend-mode:soft-light}.liquid-glass-pill{border-radius:9999px}.liquid-glass-card{border-radius:var(--radius-lg)}.liquid-glass-xl{border-radius:var(--radius-xl)}.liquid-glass-panel{border-radius:0;border-inline:none}.liquid-glass-nav-item{border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.liquid-glass-nav-item:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(12px) saturate(var(--liquid-saturate));-webkit-backdrop-filter:blur(12px) saturate(var(--liquid-saturate))}.liquid-glass-nav-item.is-active,.liquid-glass-nav-item:hover{background:var(--liquid-bg-dark);border-color:var(--liquid-border-dark)}.liquid-glass-nav-item.is-active{box-shadow:var(--liquid-shadow-dark);backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate));-webkit-backdrop-filter:blur(var(--liquid-blur)) saturate(var(--liquid-saturate))}.glass-hover,.liquid-glass-interactive{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.glass-hover:hover,.liquid-glass-interactive:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.65);box-shadow:inset 0 1px 2px rgba(255,255,255,.9),0 14px 48px rgba(0,66,39,.14)}.glass-dark.glass-hover:hover,.liquid-glass-dark.liquid-glass-interactive:hover{border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 2px rgba(255,255,255,.55),0 12px 40px rgba(0,66,39,.22)}}@keyframes liquid-shine{0%,to{background-position:200% 0;opacity:.4}50%{background-position:-100% 0;opacity:.85}}@keyframes liquid-flow{0%{transform:rotate(0deg) translate(0)}50%{transform:rotate(180deg) translate(2%,1%)}to{transform:rotate(1turn) translate(0)}}@keyframes liquid-blob{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(4%,2%) scale(1.05);opacity:.85}66%{transform:translate(-3%,3%) scale(.98);opacity:.7}}@media (prefers-reduced-motion:reduce){.glass-dark:before,.glass:after,.glass:before,.liquid-glass-brand:after,.liquid-glass-brand:before,.liquid-glass-dark:before,.liquid-glass:after,.liquid-glass:before,.profile-card:after,.profile-card:before{animation:none!important}}