:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#24362e;background:#f4f3ec;color-scheme:light}
*{box-sizing:border-box}body{margin:0;padding:32px 16px;line-height:1.7}main{max-width:520px;margin:0 auto;padding:28px;border:1px solid #d8ddce;border-radius:20px;background:#fffef9;box-shadow:0 10px 32px #193a2110}.brand{font-size:1.5rem;font-weight:800;letter-spacing:.15em;color:#28563f;margin:0 0 18px}h1{font-size:1.4rem;line-height:1.5}.label{margin-bottom:0;font-size:.9rem}.code{font-size:2.4rem;font-weight:750;letter-spacing:.2em;margin:0 0 20px;color:#28563f;font-variant-numeric:tabular-nums}dl{display:grid;grid-template-columns:5em 1fr;gap:8px 12px;font-size:.94rem}dt{font-weight:650}dd{margin:0;overflow-wrap:anywhere}button{width:100%;padding:14px 12px;border:0;border-radius:12px;background:#28563f;color:white;font:inherit;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid #cc9b44;outline-offset:3px}button:disabled{opacity:.6;cursor:default}[hidden]{display:none!important}

input{display:block;width:100%;padding:12px;border:1px solid #9aa79e;border-radius:8px;font:inherit;margin:8px 0 16px}#socialButtons button{margin-bottom:8px}a{color:#28563f}h2{font-size:1.15rem}