.skip-link{position:fixed;top:10px;left:10px;z-index:10000;padding:10px 14px;border-radius:8px;color:#07120d;background:#86f6b8;font-weight:900;transform:translateY(-160%);transition:transform .15s}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #86f6b8;outline-offset:3px}
.teacher-table-wrap:focus-visible{outline-offset:4px}
.keyboard-help{margin:6px 12px 10px;color:#9ba7b8;font-size:.75rem}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.button,.teacher-table-wrap,dialog{border:1px solid ButtonText}.skip-link{border:2px solid ButtonText}}
@media(max-width:620px){button,.button,input,select{min-height:44px}}
.network-status{position:fixed;right:18px;bottom:18px;z-index:9999;max-width:min(420px,calc(100vw - 36px));padding:12px 16px;border:1px solid #427158;border-radius:12px;color:#dffbea;background:#143021;box-shadow:0 12px 36px #0008;font-weight:750}.network-status.offline{border-color:#855f32;color:#ffe6b3;background:#38240f}