/* Decorative viewport glass: content and controls remain clickable underneath. */
:root{--bottom-glass-height:clamp(80px,12vh,136px)}
.bottom-glass{position:fixed;inset:auto 0 0;height:var(--bottom-glass-height);z-index:20;pointer-events:none;user-select:none;background:linear-gradient(to bottom,transparent,rgba(13,13,14,.06) 45%,rgba(13,13,14,.48));}
.bottom-glass>i{position:absolute;inset:0;pointer-events:none}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .bottom-glass>i:nth-child(1){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(transparent,#000 45%);mask-image:linear-gradient(transparent,#000 45%)}
 .bottom-glass>i:nth-child(2){-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(transparent 25%,#000 75%);mask-image:linear-gradient(transparent 25%,#000 75%)}
 .bottom-glass>i:nth-child(3){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(transparent 55%,#000);mask-image:linear-gradient(transparent 55%,#000)}
}
/* Last footer links can scroll completely above the decorative layer. */
body:not(.admin-body)>footer{padding-bottom:calc(var(--bottom-glass-height) + 24px)}
body:has(input:focus,textarea:focus,select:focus,dialog[open]) .bottom-glass{visibility:hidden}
@media(max-width:600px){:root{--bottom-glass-height:64px}.bottom-glass>i:nth-child(3){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active),(prefers-reduced-motion:reduce){.bottom-glass{display:none}body:not(.admin-body)>footer{padding-bottom:48px}}
@media print{.bottom-glass{display:none}}