:root { color-scheme: light dark; }
    body {
      margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
      min-height: 100dvh; display: grid; place-items: center;
      background: Canvas; color: CanvasText;
    }
    .wrap { display: grid; gap: 1rem; place-items: center; text-align: center; }
    .spinner {
      width: 64px; height: 64px; border-radius: 50%;
      border: 6px solid rgba(0,0,0,.1);
      border-top-color: currentColor;
      animation: spin 1s linear infinite;
    }
    @keyframes spin { to { transform: rotate(360deg); } }
    .muted { opacity: .7; font-size: .95rem; }
    code { padding: .15rem .35rem; border-radius: .35rem; background: color-mix(in oklab, Canvas 92%, currentColor); }
    a { color: inherit; }