:root {
  --mini-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mini-ink: #0f1f3d; --mini-muted: #52627a;
  --mini-primary: #155eef; --mini-primary-strong: #0b3ea8;
  --mini-surface: #fff; --mini-canvas: #eef2f7; --mini-border: #b9c5d6;
  --mini-success: #087443; --mini-warning: #9a5b00; --mini-danger: #b42318;
  --mini-focus: #ffbf47; --mini-radius: 6px;
  --mini-space-1: .5rem; --mini-space-2: 1rem; --mini-space-3: 1.5rem;
  --mini-shadow: 0 8px 24px #0f1f3d1a;
  font-family: var(--mini-font); color-scheme: light;
}
*,*::before,*::after{box-sizing:border-box}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--mini-focus);outline-offset:3px}
.mini-panel{background:var(--mini-surface);border:1px solid var(--mini-border);border-radius:var(--mini-radius)}
.mini-status{padding:var(--mini-space-2);border-left:4px solid var(--mini-primary);background:var(--mini-surface)}
.mini-status--success{border-color:var(--mini-success)}.mini-status--warning{border-color:var(--mini-warning)}.mini-status--danger{border-color:var(--mini-danger)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
