/* Mask only during construction. No persistent overlay remains on the glass. */
[data-glass-state=pending]{clip-path:inset(50%)!important;mask-image:linear-gradient(transparent,transparent);-webkit-mask-image:linear-gradient(transparent,transparent)}
[data-glass-state=forming]{mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
[data-glass-state=forming]{will-change:clip-path}
[data-glass-state=pending]>:not(.glass-perimeter):not(.glass-drawing):not(.glass-build-cells),[data-glass-state=forming]>:not(.glass-perimeter):not(.glass-drawing):not(.glass-build-cells){visibility:hidden!important}
[data-glass-state=ready]>.glass-perimeter{transition:opacity .25s ease}
@media(prefers-reduced-motion:reduce){[data-glass-state]{mask-image:none!important;-webkit-mask-image:none!important}[data-glass-state]>:not(.glass-perimeter){visibility:visible!important}}
.glass-build-cells{position:fixed;overflow:visible;z-index:20;pointer-events:none;fill:rgb(242 242 239 / .26);stroke:rgb(130 136 163 / .32);stroke-width:.7;filter:drop-shadow(0 3px 3px rgb(46 46 46 / .05))}
[data-glass-state=pending]>.glass-perimeter{visibility:hidden!important}
[data-glass-state=forming]>.glass-perimeter{visibility:visible!important}
.glass-build-cells polygon{stroke-linejoin:round}

.glass-build-cells{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}

html[data-theme=dark] .glass-build-cells{fill:rgb(46 46 46 / .26);stroke:rgb(242 242 239 / .18)}

/* Blend the final frosting in without changing the panel's fill or opacity. */
@property --assembly-blur{syntax:'<length>';inherits:false;initial-value:0px}
[data-glass-state=forming],[data-glass-state=revealing]{backdrop-filter:blur(4px) saturate(135%)!important;-webkit-backdrop-filter:blur(4px) saturate(135%)!important}
[data-glass-state=ready].glass-settling{backdrop-filter:blur(var(--assembly-blur)) saturate(135%)!important;-webkit-backdrop-filter:blur(var(--assembly-blur)) saturate(135%)!important}
.glass-build-cells{filter:none}
.glass-build-cells{contain:strict;will-change:transform}
.glass-build-cells polygon{transform-box:fill-box;transform-origin:center}

/* Restore the exact shared border contour after the browser-driven reveal. */
[data-glass-state=ready].glass-contour-panel{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))!important}