:root{font-family:Arial,Helvetica,sans-serif;color:#171817;background:#fafaf8;font-size:16px;--green:#408e86;--red:#be7060}*{box-sizing:border-box}body{margin:0}nav{display:flex;gap:24px;align-items:center;padding:20px 36px;border-bottom:1px solid #d8d9d4;background:#fff}.brand{font-family:Georgia,serif;font-size:23px;text-decoration:none;color:inherit}.test-label{margin-left:auto;letter-spacing:.12em;font-size:10px;color:#666762}main{max-width:840px;margin:64px auto;padding:0 28px}h1{font-family:Georgia,serif;font-weight:500;font-size:52px;letter-spacing:-.04em;line-height:1.1;margin:18px 0}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--green)}.intro{color:#666762;line-height:1.7}button{font:inherit;border:1px solid #d8d9d4;border-radius:5px;background:#fff;color:#171817;padding:10px 18px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#pay{background:#242622;color:white;padding:16px 24px}#purchase{margin:32px 0}#status{line-height:1.6;color:#666762}.fine{font-size:13px;color:#666762;line-height:1.6}#desk{width:100%;height:calc(100vh - 78px);border:0}input{width:100%;font:inherit;padding:12px;border:1px solid #bbb;margin:10px 0 20px}label{font-size:14px}[hidden]{display:none!important}@media(max-width:600px){nav{padding:16px;gap:12px}.brand{font-size:18px}.test-label{font-size:8px}main{margin:36px auto}h1{font-size:40px}}

body.unlocked{overflow:hidden}body.unlocked>nav{display:none}body.unlocked #desk{height:100dvh;display:block}