:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#050505;color:#fff}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:auto;padding:32px 22px calc(28px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:16px}header img{object-fit:contain}h1{font-size:24px;margin:6px 0 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;margin:0}.red{color:#ff4b57}.intro{padding:40px 0 24px}h2{font-size:clamp(32px,7vw,44px);line-height:1.08;margin:16px 0}p{color:#bdbdc4;font-size:15px;line-height:1.6}.card{background:#171719;border:1px solid #323236;border-radius:18px;padding:22px;margin:0 0 16px}h3{margin:0 0 12px;font-size:19px}.card p{margin:10px 0 16px}dl{margin:0}dl div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #333338}dl div:last-child{border:0}dt{color:#c3c3c9;font-size:14px}dd{margin:0;text-align:right;font-size:14px;overflow-wrap:anywhere;max-width:62%}.pass{color:#97e4b4}.fail{color:#ff9ca4}.note{font-size:13px!important;white-space:pre-line}.note:empty{display:none}button{font:700 15px Arial,Helvetica,sans-serif;padding:15px 18px;min-height:48px;width:100%;border:1px solid transparent;border-radius:10px;background:#cf1228;color:#fff;cursor:pointer;transition:background .15s,transform .1s}.secondary{background:#28282e;border-color:#56565f}button:hover:enabled{background:#a90b1e}.secondary:hover:enabled{background:#393940}button:active:enabled{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,textarea:focus-visible{outline:3px solid #ffcc77;outline-offset:3px}textarea{display:block;width:100%;margin-top:16px;padding:12px;background:#09090b;color:#ccc;border:1px solid #45454d;border-radius:8px;font-size:12px;line-height:1.5;resize:vertical}footer{font-size:12px;line-height:1.6;color:#aaa;text-align:center;margin-top:24px}@media(max-width:380px){main{padding:24px 14px}.card{padding:18px}}

input{width:100%;padding:12px;margin:12px 0;border:1px solid #555;border-radius:8px;background:#111;color:#fff;font:inherit}label{display:block;margin-top:16px}button{margin-top:12px}a{color:#ff858e}li{margin-bottom:12px;line-height:1.6;color:#bdbdc4}input:focus-visible{outline:3px solid #ffcc77;outline-offset:3px}

.instructions{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Arial,sans-serif}

[hidden]{display:none!important}
