/* Whole-cat stripe comparison and readable controls; for Natalie's review. */
*{box-sizing:border-box}body{margin:0;background:#17242b;color:#f7f2e9;font:18px/1.5 system-ui,sans-serif}header,main{max-width:1100px;margin:auto;padding:16px 24px}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header span{font-size:.8rem;letter-spacing:.08em}a{color:#ffe3a0}h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:.3em 0}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}label{display:grid;gap:4px;max-width:100%}button,select{font:inherit;min-height:46px;padding:8px 12px;border:2px solid #adbec3;border-radius:8px;color:#17242b;background:#fff8e8;max-width:100%}button{cursor:pointer}:focus-visible{outline:4px solid #ffd36c;outline-offset:4px}canvas{display:block;width:100%;height:clamp(320px,52vh,520px);border:1px solid #8da2a7;border-radius:12px}#stripe-status{min-height:1.5em}#stripe-failure{padding:16px;border:2px solid #f5b0a6} [hidden]{display:none!important}@media(max-width:420px){header,main{padding:12px}label{width:100%}select{width:100%}body{font-size:17px}}