:root{--sps-bg:#ffffff;--sps-fg:#111111;--sps-muted:#6b7280;--sps-border:#e5e7eb;--sps-accent:#111111;--sps-accent-fg:#ffffff;--sps-error-bg:#fef2f2;--sps-error-fg:#991b1b;--sps-radius:6px;--sps-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--sps-bg);color:var(--sps-fg);font-family:var(--sps-font);font-size:15px;line-height:1.5}main{max-width:520px;margin:40px auto;padding:0 20px}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:24px 0 8px}.card{border:1px solid var(--sps-border);border-radius:var(--sps-radius);padding:16px;margin-bottom:16px}.muted{color:var(--sps-muted);font-size:13px}button.primary{background:var(--sps-accent);color:var(--sps-accent-fg);border:0;padding:12px 16px;border-radius:var(--sps-radius);font-size:15px;cursor:pointer;width:100%}button.primary:disabled{opacity:.5;cursor:not-allowed}.error{background:var(--sps-error-bg);color:var(--sps-error-fg);padding:12px;border-radius:var(--sps-radius);margin:12px 0;font-size:14px;white-space:pre-wrap}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}