:root { color-scheme: light; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#0D0D0D; background:#F5F2E8; }
* {box-sizing:border-box} body {margin:0; padding:36px 20px} main {max-width:660px;margin:32px auto;border:3px solid #0D0D0D;background:#FFFDF5;padding:30px} .brand {color:inherit;font:bold 14px monospace;letter-spacing:2px;text-decoration:none} h1 {font:900 clamp(30px,6vw,48px)/1.05 monospace;margin:30px 0 18px;letter-spacing:-2px} p,li {line-height:1.6} .tag {display:inline-block;background:#B6FF3D;font:bold 12px monospace;padding:7px 10px;margin-top:24px} .price {font:bold 30px monospace} button,.button {display:inline-block;border:2px solid #0D0D0D;padding:13px 18px;font:bold 14px monospace;background:#FFD23D;color:#0D0D0D;cursor:pointer;text-decoration:none;margin:6px 6px 6px 0} button:disabled {opacity:.6;cursor:wait} .secondary {background:transparent} a {color:inherit} .fine {font-size:13px;color:#55503F} #msg {min-height:48px} input {width:100%;border:2px solid #0D0D0D;padding:12px;font:15px monospace;background:#F5F2E8;color:#0D0D0D} [hidden] {display:none!important} :focus-visible {outline:3px solid #0086A6;outline-offset:3px} .downloads {border-top:2px solid #0D0D0D;margin-top:24px;padding-top:18px} @media(max-width:480px){body{padding:12px} main{padding:20px;margin:12px auto}.button{display:block;text-align:center}}