:root{color:oklch(24% .025 55);font-synthesis:none;text-rendering:optimizelegibility;--ink:oklch(24% .025 55);--paper:oklch(97% .014 85);--accent:oklch(59% .18 38);--line:oklch(78% .035 65);--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;background:oklch(94% .022 85);font-family:Avenir Next,Avenir,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, color-mix(in oklch, var(--line) 55%, transparent) 1px, transparent 1px) 0 0 / 4rem 4rem, linear-gradient(color-mix(in oklch, var(--line) 55%, transparent) 1px, transparent 1px) 0 0 / 4rem 4rem, oklch(94% .022 85);min-width:20rem;min-height:100vh;margin:0}button,code,pre{font:inherit}.shell{width:min(100% - 2rem,64rem);min-height:100vh;padding-block:clamp(3rem, 10vw, 7rem) var(--space-xl);margin-inline:auto}.masthead{gap:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);align-items:end;margin-bottom:clamp(3rem,8vw,6rem);display:grid}.eyebrow{color:var(--accent);letter-spacing:.18em;grid-column:1/-1;margin:0;font-size:.75rem;font-weight:700}h1{letter-spacing:-.055em;max-width:13ch;margin:0;font-family:Charter,Bitstream Charter,serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:500;line-height:.9}.lede{max-width:34rem;margin:0 0 .35rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.request-panel{border:1px solid var(--ink);background:var(--paper);box-shadow:.75rem .75rem 0 var(--ink)}.request-line{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--ink);white-space:nowrap;align-items:center;display:flex;overflow:auto}.method,.status,.footnote{letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:700}.method{color:var(--paper);background:var(--accent);padding:.25rem .5rem}.response{min-height:13rem;padding:clamp(1.5rem,5vw,3rem)}.response--loading{align-items:center;gap:.75rem;display:flex}.pulse{background:var(--accent);border-radius:50%;width:.7rem;height:.7rem;animation:1.2s ease-in-out infinite pulse}.response--error{color:oklch(42% .15 25);background:oklch(91% .055 35)}.status{margin:0 0 var(--space-lg);color:var(--accent)}.response--error .status{color:inherit}.response p:last-child{max-width:55ch;margin-bottom:0;line-height:1.5}pre{white-space:pre-wrap;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.7}.refresh-button{width:100%;padding:var(--space-md) var(--space-lg);border:0;border-top:1px solid var(--ink);color:var(--paper);background:var(--ink);cursor:pointer;font-weight:700;transition:color .16s ease-out,background-color .16s ease-out}.refresh-button:hover:not(:disabled){color:var(--ink);background:var(--accent)}.refresh-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.refresh-button:disabled{cursor:wait;opacity:.65}.footnote{margin-top:var(--space-2xl);flex-wrap:wrap;gap:.5rem .75rem;display:flex}.footnote span:nth-child(2n){color:var(--accent)}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@media (width<=44rem){.masthead{grid-template-columns:1fr}.eyebrow{grid-column:auto}.request-panel{box-shadow:.4rem .4rem 0 var(--ink)}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}.refresh-button{transition:none}}