:root{--bg:#ffffff;--ink-1:#0f1020;--ink-2:#3b3f55;--accent:#8b5cf6;--accent-2:#c084fc;--glass-bg:rgba(255,255,255,0.55);--glass-border:rgba(139,92,246,0.28);--glass-hi:rgba(255,255,255,0.85);--shadow-1:0 10px 30px rgba(139,92,246,0.10),0 4px 12px rgba(20,16,48,0.06);--ring:0 0 0 2px rgba(139,92,246,0.35);--glow-1:radial-gradient(60% 60% at 20% 10%,rgba(203,194,255,0.35),transparent 60%);--glow-2:radial-gradient(50% 50% at 80% 0%,rgba(240,232,255,0.70),transparent 60%)}.glass{backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-1);border-radius:22px}.glass-outline{background:rgba(255,255,255,.35);border-color:rgba(139,92,246,.18)}.glow{position:relative}.glow:before{content:"";position:absolute;inset:-10% -10% auto -10%;background:var(--glow-1),var(--glow-2);filter:blur(20px);pointer-events:none;z-index:-1}.glass-pill{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.7);border:1px solid rgba(139,92,246,.22);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--ink-1);transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-pill:hover{background:rgba(255,255,255,.85);border-color:rgba(139,92,246,.35);transform:translateY(-1px);box-shadow:0 2px 8px rgba(139,92,246,.15)}.sheen{position:relative;overflow:hidden}.sheen:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);transform:rotate(0deg) translate(-100%,-100%);transition:transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.sheen.active:after{transform:rotate(0deg) translate(50%,50%)}@keyframes liquid-morph{0%,to{border-radius:22px}25%{border-radius:28px 22px 24px 26px}50%{border-radius:24px 26px 22px 28px}75%{border-radius:26px 24px 28px 22px}}.liquid-morph{animation:liquid-morph 8s ease-in-out infinite}.droplet-glow{position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(circle at center,rgba(139,92,246,.15),transparent 50%);filter:blur(40px);opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.droplet-glow.active{opacity:1}.glass-focus:focus-visible{outline:none;box-shadow:var(--shadow-1),var(--ring)}@media (prefers-reduced-motion:reduce){.liquid-morph{animation:none}.sheen:after{display:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.will-change-transform{will-change:transform}.contain-layout{contain:layout}.backface-hidden{backface-visibility:hidden}