:root{color-scheme:light;--ink:#123744;--accent:#087b83}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#ccecea,transparent 65%),#f2f6f7;color:var(--ink);font:16px/1.6 Georgia,serif}main{max-width:680px;margin:5vh auto;padding:32px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15}h2{font-size:23px}.eyebrow,label,button,input,select,.note{font-family:Verdana,sans-serif}.eyebrow{letter-spacing:.12em;font-size:12px}section{background:#fff;border:1px solid #d2e2e6;border-radius:18px;padding:24px}section section{border:0;padding:0}label{display:block;font-size:13px;margin-top:18px}input,select{width:100%;padding:12px;border:1px solid #78939a;border-radius:8px;font-size:16px}button{display:block;width:100%;padding:14px;margin:16px 0;background:var(--accent);color:#fff;border:0;border-radius:8px;font-size:15px;cursor:pointer}button:disabled{opacity:.55}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #d69a29;outline-offset:3px}canvas{display:block;max-width:100%;height:auto;margin:24px auto}#qp-offline-countdown{text-align:center}.note{font-size:12px}a{color:var(--accent)}[hidden]{display:none!important}hr{border:0;border-top:1px solid #d2e2e6;margin:28px 0}@media(max-width:500px){main{padding:18px;margin:0 auto}section{padding:18px}}
