/* Legacy progressive-enhancement layer — additive, scoped to avoid clashing with app styles. v1 */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #c9a35f;outline-offset:2px;border-radius:3px}
#enhTop{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(20,20,20,.72);color:#fff;font-size:20px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s;z-index:2147483000;backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.35)}
#enhTop.on{opacity:1;pointer-events:auto;transform:none}
#enhTop:hover{background:rgba(40,40,40,.9)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}