@media screen {
:is(.student-notice,.teacher-notice,.success,.error):not(:empty){position:relative;border:1px solid #d4e8df;border-inline-start:4px solid #21805b;border-radius:14px;background:#f0faf5;color:#215641;padding:16px 18px;font:500 14px/1.7 'DM Sans',sans-serif;box-shadow:0 3px 12px #162c4605;overflow-wrap:anywhere}
:is(.error,.student-error):not(:empty){background:#fff5f5;border-color:#efd6da;border-inline-start-color:#b43f48;color:#8c303b}
.school-feedback-stack{position:fixed;inset-block-start:max(22px,env(safe-area-inset-top));inset-inline-end:max(22px,env(safe-area-inset-right));width:min(420px,calc(100vw - 32px));display:grid;gap:12px;z-index:10000;pointer-events:none}
.school-feedback{--feedback-accent:#087f8c;--feedback-tint:#e5f3f5;position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 40px;align-items:start;gap:12px;padding:18px 12px 18px 18px;border:1px solid #e1e9ef;border-inline-start:4px solid var(--feedback-accent);border-radius:18px;background:#fff;color:#162c46;box-shadow:0 14px 45px #132e4821,0 3px 10px #132e480c;pointer-events:auto;overflow:hidden;animation:feedback-enter .22s ease-out;font:14px/1.6 'DM Sans',sans-serif}
.school-feedback--success{--feedback-accent:#18734e;--feedback-tint:#e6f4ed}.school-feedback--error{--feedback-accent:#b43f48;--feedback-tint:#fcecee}.school-feedback--warning{--feedback-accent:#946119;--feedback-tint:#fff3df}
.school-feedback__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--feedback-tint);color:var(--feedback-accent);font-size:21px;font-weight:700}
.school-feedback__title{display:block;font-size:14px;font-weight:700;line-height:1.5;margin:0 0 4px;color:#162c46}.school-feedback__message{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#526579;max-height:min(48vh,320px);overflow:auto}
.school-feedback__close{display:grid;place-items:center;width:40px;height:40px;padding:0;margin:-6px 0 0;background:transparent;border:0;border-radius:10px;color:#697c8e;font:24px/1 sans-serif;cursor:pointer}.school-feedback__close:hover{background:#f0f5f8;color:#162c46}.school-feedback__close:focus-visible{outline:3px solid #8fcbd0;outline-offset:1px}
.school-feedback__timer{position:absolute;inset:auto 0 0;height:3px;background:var(--feedback-tint)}.school-feedback__timer::after{content:'';display:block;height:100%;background:var(--feedback-accent);transform-origin:left;animation:feedback-timer var(--feedback-duration,5s) linear forwards}.school-feedback[data-paused] .school-feedback__timer::after{animation-play-state:paused}
@keyframes feedback-enter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-timer{to{transform:scaleX(0)}}
@media(max-width:600px){.school-feedback-stack{inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:16px}.school-feedback{gap:10px;padding:16px 10px 16px 14px}}
@media(prefers-reduced-motion:reduce){.school-feedback{animation:none}.school-feedback__timer{display:none}}
}
@media print{.school-feedback-stack{display:none!important}}