:root { color-scheme: light dark; }
  body { font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
         margin: 0; padding: 24px; max-width: 34rem; margin-inline: auto; }
  h1 { font-size: 1.1rem; letter-spacing: .02em; text-transform: uppercase;
       opacity: .6; margin: 0 0 1.5rem; }
  .summary { font-size: 1.3rem; font-weight: 600; margin: 0 0 1rem; }
  dl { display: grid; grid-template-columns: auto 1fr; gap: .4rem 1rem; margin: 0 0 1.5rem; }
  dt { opacity: .6; }
  dd { margin: 0; }
  .amount { font-variant-numeric: tabular-nums; font-weight: 600; }
  .body { white-space: pre-wrap; padding: 1rem; border-radius: .5rem;
          background: color-mix(in srgb, currentColor 6%, transparent);
          max-height: 40vh; overflow: auto; margin: 0 0 1.5rem; }
  .checked { padding: .75rem 1rem; border-left: 3px solid currentColor;
             opacity: .8; margin: 0 0 1.5rem; }
  button { font: inherit; padding: .8rem 1.4rem; border-radius: .5rem;
           border: 1px solid currentColor; background: transparent;
           color: inherit; cursor: pointer; }
  button.primary { background: currentColor; }
  button.primary span { color: Canvas; }
  .row { display: flex; gap: .75rem; }
  .msg { margin-top: 1.25rem; padding: .9rem 1rem; border-radius: .5rem;
         background: color-mix(in srgb, currentColor 8%, transparent); }
  [hidden] { display: none !important; }