#mqrAppIntro{position:fixed;inset:0;z-index:2147483000;background:#0b0b0b;display:grid;place-items:center;pointer-events:none;animation:mqr-intro-exit 3s ease both}
#mqrAppIntro[hidden]{display:none!important}
:root[data-admin-theme=light] #mqrAppIntro,:root[data-student-theme=light] #mqrAppIntro{background:#faf9f6}
.mqr-intro-logo{position:relative;width:min(calc(100vw - 28px),480px,78dvh);aspect-ratio:1;display:grid;place-items:center;animation:mqr-intro-logo 3s ease both}
.mqr-intro-logo img{width:100%;height:100%;object-fit:contain;display:block}
.mqr-intro-logo::after{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 290deg,#fff0b7 330deg,transparent 360deg);mask:radial-gradient(transparent 68%,#000 69%,#000 70%,transparent 71%);animation:mqr-intro-shine 3s ease both}
@keyframes mqr-intro-logo{0%{opacity:0;transform:scale(.95)}16.67%,83.33%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.015)}}
@keyframes mqr-intro-exit{0%,83.33%{opacity:1}100%{opacity:0}}
@keyframes mqr-intro-shine{0%,16.67%{opacity:0;transform:rotate(-100deg)}27%,74%{opacity:.9}83.33%,100%{opacity:0;transform:rotate(245deg)}}
@media(prefers-reduced-motion:reduce){#mqrAppIntro{display:none!important}.mqr-intro-logo,.mqr-intro-logo::after{animation:none}}
.mqr-success-check{width:52px;height:52px;margin:0 auto 12px;color:#48c78e;animation:mqr-check-appear .6s ease-out both}
.mqr-success-check svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mqr-success-check circle{fill:rgba(72,199,142,.1)}
.mqr-success-check path{stroke-dasharray:40;stroke-dashoffset:0;animation:mqr-check-draw .6s ease-out both}
@keyframes mqr-check-appear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes mqr-check-draw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
.student-class-dialog.mqr-cancel-dialog{box-sizing:border-box;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;margin:auto}
.mqr-cancel-dialog h2{font-size:1.15rem;margin:0 0 12px}
.mqr-cancel-dialog p{font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.mqr-cancel-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.mqr-cancel-actions button{flex:1 1 120px;min-width:0;white-space:normal;font-size:.85rem;padding:11px 12px}
.mqr-cancel-actions [data-confirm]{background:rgba(220,70,70,.12);border:1px solid #bd5555;color:#ffb4b4}
:root[data-student-theme=light] .mqr-cancel-actions [data-confirm]{color:#a32929;background:#fff0ef;border-color:#d58686}
@media(prefers-reduced-motion:reduce){.mqr-success-check,.mqr-success-check path{animation:none}}