:where(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #c43b346b}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid canvastext}}.connection-status{z-index:10000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));text-align:center;border:1px solid;border-radius:12px;width:max-content;max-width:calc(100vw - 32px);padding:12px 17px;font:700 13px/1.45 Inter,Arial,sans-serif;position:fixed;transform:translate(-50%);box-shadow:0 12px 35px #2f221d33}.connection-status[hidden]{display:none}.connection-status.offline{color:#6f4816;background:#fff6df;border-color:#d49a45}.connection-status.restored{color:#2f6740;background:#edf8f0;border-color:#85b994}@media (width<=560px){.connection-status{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px);max-width:none;padding:11px 13px;font-size:12px}}@media print{.connection-status{display:none!important}}