.field-feedback{display:flex;align-items:flex-start;gap:8px;position:relative;margin:2px 0 0;padding:9px 12px;border:1px solid #ba493018;border-radius:11px;background:#fff3ed;color:#99452f;font-size:12px!important;font-weight:450;line-height:1.5;letter-spacing:0;animation:feedback-in 160ms ease-out}
.field-feedback>svg{flex:none;margin-top:1px;opacity:.85}
.error{border:1px solid #ba493022;border-radius:13px;background:#fff3ed;color:#99452f;padding:11px 14px;font-size:12px;line-height:1.55;font-weight:450;box-shadow:none;letter-spacing:0}
#auth-form .error{padding:8px 11px;margin:0;font-size:11px;line-height:1.5}
.quiz-error{margin-top:16px;margin-bottom:0}
#toast{border:1px solid #ded8cf9c;border-radius:17px;background:#fffcf8ed;color:#37332e;padding:13px 18px;box-shadow:0 8px 28px #25201716,0 1px 4px #2520170a;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);font-size:12px;line-height:1.6;font-weight:500}
#pwa-update{background:#fffcf8f0;border-color:#ded8cf9c;box-shadow:0 10px 32px #2520171a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
:root[data-theme=dark] .field-feedback,:root[data-theme=dark] .error{background:#352820;border-color:#f09f8f26;color:#e5afa4}
:root[data-theme=dark] #toast,:root[data-theme=dark] #pwa-update{background:#292a25ed;border-color:#ffffff18;color:#f1eee8;box-shadow:0 10px 32px #0004}
@keyframes feedback-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.field-feedback{animation:none}}
@media(max-width:900px) and (max-height:740px){#auth-form .field-feedback{font-size:10px!important;padding:6px 9px;margin:0}.auth-panel:has(.field-feedback,.error){padding-block:12px!important}}
@media(max-width:900px) and (max-height:740px){.auth-panel:has(.field-feedback,.error) .auth-empty-note{display:none}.auth-panel:has(.field-feedback,.error) .divider{margin-block:6px}}