.bento-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 18% 12%,#6366f129,#0000 70%),radial-gradient(55% 45% at 85% 18%,#a855f724,#0000 70%),radial-gradient(70% 60% at 50% 100%,#6366f11a,#0000 75%);position:fixed;inset:0}.dark .bento-backdrop{background:radial-gradient(60% 50% at 18% 12%,#6366f138,#0000 70%),radial-gradient(55% 45% at 85% 18%,#a855f72e,#0000 70%),radial-gradient(70% 60% at 50% 100%,#6366f124,#0000 75%)}.glass-1,.glass-2,.glass-feature{background-color:var(--surface-elevated);border:1px solid var(--border-subtle)}@supports ((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))){.glass-1{-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);box-shadow:inset 0 1px 0 #fff9, var(--shadow-soft);background-color:#ffffff8c;border:1px solid #fff9}.glass-2{-webkit-backdrop-filter:blur(32px)saturate(1.5);backdrop-filter:blur(32px)saturate(1.5);box-shadow:inset 0 1px 0 #ffffffb3, var(--shadow-medium);background-color:#ffffffad;border:1px solid #ffffffb3}.glass-feature{-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5);box-shadow:inset 0 1px 0 #ffffffb3, 0 0 0 1px #6366f114, var(--shadow-medium);background-color:#fff9;background-image:linear-gradient(135deg,#6366f114,#a855f70f);border:1px solid #ffffffa6}.dark .glass-1{box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow-soft);background-color:#0f172a80;border:1px solid #ffffff14}.dark .glass-2{background-color:#0f172a9e;border:1px solid #ffffff1a}.dark .glass-feature{background-color:#0f172a8c;background-image:linear-gradient(135deg,#6366f129,#a855f71f);border:1px solid #ffffff1a}}@media (hover:hover) and (pointer:fine){.glass-1,.glass-2,.glass-feature{transition:transform .35s var(--ease-visitor,cubic-bezier(.16, 1, .3, 1)), box-shadow .35s var(--ease-visitor,cubic-bezier(.16, 1, .3, 1))}}@media (prefers-reduced-motion:reduce){.glass-1,.glass-2,.glass-feature{transition:none}}