:root{font-family:system-ui,sans-serif;color:#173342;background:#f1f5f8;color-scheme:light}body{margin:0;padding:6vh 24px}main{max-width:640px;margin:auto;padding:40px;background:white;border:1px solid #d5e0e8;border-radius:16px}h1{line-height:1.2}.eyebrow{color:#536f83;font-size:14px}p{line-height:1.6}.controls,.links{display:flex;gap:12px;flex-wrap:wrap}button{border:1px solid #196b89;border-radius:8px;background:#196b89;color:white;padding:12px 16px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:not(:first-child){color:#196b89;background:white}a{color:#196b89}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#f1f5f8;border-radius:8px;padding:16px}pre:empty{display:none}@media(max-width:600px){main{padding:24px}h1{font-size:26px}}