.light,:root{--fx-dur:200ms;--fx-dur-fast:150ms;--fx-ease:var(--ease-out);--fx-lift:-2px;--fx-press:0.98;--fx-nudge:2px;--fx-edge:color-mix(in oklab,var(--accent) 28%,var(--border-default));--fx-shadow:0 1px 2px rgb(var(--shadow-rgb)/0.04),0 10px 24px -6px rgb(var(--shadow-rgb)/0.1),0 24px 48px -16px rgb(var(--shadow-rgb)/0.14);--fx-wash:color-mix(in oklab,var(--accent) 5%,transparent);--fx-pill:var(--bg-hover);--fx-mesh-1:color-mix(in oklab,var(--brand-9) 18%,transparent);--fx-mesh-2:color-mix(in oklab,var(--brand-6) 42%,transparent);--fx-mesh-3:color-mix(in oklab,var(--warning-6) 22%,transparent)}.dark{--fx-edge:color-mix(in oklab,var(--accent) 40%,var(--border-default));--fx-shadow:0 1px 2px rgb(0 0 0/0.4),0 18px 40px -12px rgb(0 0 0/0.7);--fx-wash:color-mix(in oklab,var(--accent) 8%,transparent);--fx-mesh-1:color-mix(in oklab,var(--accent) 22%,transparent);--fx-mesh-2:color-mix(in oklab,var(--accent) 12%,transparent);--fx-mesh-3:color-mix(in oklab,var(--warning-fg) 7%,transparent)}@layer components{.fx-card{position:relative}.fx-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--fx-edge),var(--fx-shadow);opacity:0;pointer-events:none}.fx-pill,.fx-row{position:relative;isolation:isolate}.fx-pill:before,.fx-row:before{content:"";position:absolute;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none}.fx-pill:before{inset:.25rem 0;border-radius:var(--radius-control,.5rem);background:var(--fx-pill);transform:scaleX(.82)}.fx-row:before{inset:0;background:var(--fx-wash)}.fx-link{position:relative;text-decoration:none}.fx-link:after{content:"";position:absolute;left:0;right:0;bottom:-.125rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;pointer-events:none}@media (pointer:coarse){.fx-link:after{bottom:.625rem}}.fx-mesh{position:absolute;inset:-20%;z-index:-1;pointer-events:none;overflow:hidden}.fx-mesh>i{position:absolute;display:block;border-radius:9999px;filter:blur(56px)}.fx-mesh>i:first-child{top:4%;left:6%;width:46%;height:62%;background:radial-gradient(closest-side,var(--fx-mesh-1),transparent)}.fx-mesh>i:nth-child(2){top:0;right:4%;width:42%;height:70%;background:radial-gradient(closest-side,var(--fx-mesh-2),transparent)}.fx-mesh>i:nth-child(3){bottom:2%;left:40%;width:30%;height:46%;background:radial-gradient(closest-side,var(--fx-mesh-3),transparent)}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .fx-card{transition:transform var(--fx-dur) var(--fx-ease)}:root:not([data-motion=reduce]) .fx-card:after,:root:not([data-motion=reduce]) .fx-pill:before,:root:not([data-motion=reduce]) .fx-row:before{transition:opacity var(--fx-dur) var(--fx-ease),transform var(--fx-dur) var(--fx-ease)}:root:not([data-motion=reduce]) .fx-arrow,:root:not([data-motion=reduce]) .fx-arrow-back,:root:not([data-motion=reduce]) .fx-arrow-down,:root:not([data-motion=reduce]) .fx-arrow-out,:root:not([data-motion=reduce]) .fx-link:after,:root:not([data-motion=reduce]) .fx-press,:root:not([data-motion=reduce]) .fx-tile{transition:transform var(--fx-dur) var(--fx-ease)}:root:not([data-motion=reduce]) .fx-press:active:not(:disabled):not([aria-disabled=true]){transform:scale(var(--fx-press));transition-duration:80ms}:root:not([data-motion=reduce]) .fx-depth-1,:root:not([data-motion=reduce]) .fx-depth-2,:root:not([data-motion=reduce]) .fx-depth-3{transition:transform .42s var(--fx-ease)}:root:not([data-motion=reduce]) .fx-mesh>i{animation:fx-drift 26s var(--dv-ease-loop,ease-in-out) infinite alternate}:root:not([data-motion=reduce]) .fx-mesh>i:nth-child(2){animation-duration:32s;animation-delay:-9s}:root:not([data-motion=reduce]) .fx-mesh>i:nth-child(3){animation-duration:38s;animation-delay:-17s}:root:not([data-motion=reduce]) .fx-bob{animation:fx-bob 7s var(--dv-ease-loop,ease-in-out) infinite}:root:not([data-motion=reduce]) .fx-bob-late{animation-delay:-3.5s}}@media (hover:hover){.fx-card:focus-within:after,.fx-card:hover:after{opacity:1}.fx-pill:hover:before{opacity:1;transform:scaleX(1)}.fx-row:hover:before{opacity:1}.fx-link:hover:after{transform:scaleX(1)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .fx-card:hover{transform:translateY(var(--fx-lift))}:root:not([data-motion=reduce]) :is(.fx-card,.fx-nudge,a,button,summary):hover .fx-arrow{transform:translateX(var(--fx-nudge))}:root:not([data-motion=reduce]) :is(.fx-card,.fx-nudge,a,button):hover .fx-arrow-down{transform:translateY(var(--fx-nudge))}:root:not([data-motion=reduce]) :is(.fx-card,.fx-nudge,a,button):hover .fx-arrow-out{transform:translate(var(--fx-nudge),calc(var(--fx-nudge) * -1))}:root:not([data-motion=reduce]) :is(a,button):hover .fx-arrow-back{transform:translateX(calc(var(--fx-nudge) * -1))}:root:not([data-motion=reduce]) .fx-tile:hover,:root:not([data-motion=reduce]) :is(.fx-card,.fx-nudge):hover .fx-tile{transform:rotate(-6deg) scale(1.06)}:root:not([data-motion=reduce]) .fx-stage:hover .fx-depth-1{transform:translate3d(0,-3px,0)}:root:not([data-motion=reduce]) .fx-stage:hover .fx-depth-2{transform:translate3d(-4px,-6px,0)}:root:not([data-motion=reduce]) .fx-stage:hover .fx-depth-3{transform:translate3d(5px,-9px,0)}}}@keyframes fx-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6%,4%,0) scale(1.12)}}@keyframes fx-bob{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-4px,0)}}