.glow-surface{--glow-s:var(--glow-scale,1);--glow-c1:var(--glow-color,var(--color-secondary));--glow-c2:var(--glow-color-2,color-mix(in srgb,var(--glow-c1) 58%,#ffffff));--glow-surface-bg:var(--glow-bg,#f7f6f8);--glow-deep:color-mix(in srgb,var(--glow-c1) var(--glow-deep-strength,62%),transparent);--glow-edge:color-mix(in srgb,var(--glow-c2) var(--glow-edge-alpha,38%),transparent);--glow-high:rgba(255,255,255,var(--glow-high-alpha,0.55));--glow-tint:color-mix(in srgb,var(--glow-c1) var(--glow-tint-alpha,10%),transparent);--glow-shadow-rest:inset 0 calc(4px * var(--glow-s)) calc(6px * var(--glow-s)) calc(-2px * var(--glow-s)) var(--glow-tint),inset 0 calc(-10px * var(--glow-s)) calc(12px * var(--glow-s)) calc(-4px * var(--glow-s)) rgba(255,255,255,var(--glow-veil-alpha,0.35)),inset 0 calc(-18px * var(--glow-s)) calc(16px * var(--glow-s)) calc(-8px * var(--glow-s)) var(--glow-edge),inset 0 calc(-36px * var(--glow-s)) calc(28px * var(--glow-s)) calc(-15px * var(--glow-s)) var(--glow-deep),0 calc(20px * var(--glow-s)) calc(40px * var(--glow-s)) var(--glow-drop,rgba(0,0,0,0.1));--glow-shadow-active:inset 0 calc(6px * var(--glow-s)) calc(6px * var(--glow-s)) calc(-2px * var(--glow-s)) var(--glow-tint),inset 0 calc(-20px * var(--glow-s)) calc(20px * var(--glow-s)) calc(-6px * var(--glow-s)) var(--glow-high),inset 0 calc(-40px * var(--glow-s)) calc(30px * var(--glow-s)) calc(-8px * var(--glow-s)) var(--glow-edge),inset 0 calc(-80px * var(--glow-s)) calc(60px * var(--glow-s)) calc(-30px * var(--glow-s)) var(--glow-deep),0 calc(30px * var(--glow-s)) calc(60px * var(--glow-s)) var(--glow-drop-active,rgba(0,0,0,0.16));--glow-surface-fill:linear-gradient(180deg,var(--glow-surface-bg) 0%,color-mix(in srgb,var(--glow-c1) var(--glow-bg-mix,14%),var(--glow-surface-bg)) 100%);position:relative;background:var(--glow-surface-fill);border:1px solid var(--glow-border,rgba(0,0,0,.08));box-shadow:var(--glow-shadow-rest);opacity:var(--glow-rest-opacity,.9);transition:box-shadow .4s cubic-bezier(.4,0,.2,1),background .4s ease,transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,border-color .3s ease}.glow-surface:hover:not([data-glow=rest]),.glow-surface[data-glow=active]{opacity:1;transform:translateY(var(--glow-lift,0));border-color:var(--glow-border-active,rgba(0,0,0,.16));box-shadow:var(--glow-shadow-active)}.glow-surface--on-media,:where(html.dark,.desktop-docked-flow,.force-dark-tokens) .glow-surface{--glow-bg:#0a0909;--glow-bg-mix:9%;--glow-deep-strength:100%;--glow-edge-alpha:55%;--glow-high-alpha:0.45;--glow-tint-alpha:15%;--glow-veil-alpha:0.15;--glow-border:rgba(255,255,255,0.08);--glow-border-active:rgba(255,255,255,0.18);--glow-drop:rgba(0,0,0,0.6);--glow-drop-active:rgba(0,0,0,0.8);--glow-rest-opacity:0.85}@media (prefers-reduced-motion:reduce){.glow-surface{transition:box-shadow .4s ease,opacity .3s ease,border-color .3s ease}.glow-surface:hover:not([data-glow=rest]),.glow-surface[data-glow=active]{transform:none}}