.alert{padding:12px 14px;border-radius:10px;background:color-mix(in oklab,#dc2626 10%, transparent);border:1px solid color-mix(in oklab,#dc2626 35%, transparent);color:#b91c1c;font-size:14px}
.alert.ok{background:color-mix(in oklab,#16a34a 10%, transparent);border-color:color-mix(in oklab,#16a34a 35%, transparent);color:#15803d}
[data-theme="dark"] .alert{color:#fca5a5}
[data-theme="dark"] .alert.ok{color:#86efac}
.spinner{width:18px;height:18px;border:2px solid color-mix(in oklab,var(--text) 20%, transparent);border-top-color:var(--accent);border-radius:50%;
  animation:spin .8s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.footer{text-align:center;padding:40px 18px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:60px}