:root{font-family:system-ui,sans-serif;color:#172b3a;background:#eef3f5;color-scheme:light}body{margin:0;padding:24px}main{max-width:520px;margin:4vh auto;background:white;padding:32px;border-radius:16px;box-shadow:0 8px 32px #172b3a12}h1{margin:0;color:#164b59}h2{font-size:1.3rem;margin-top:28px}label{display:block;margin-top:18px;font-weight:600}input{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:6px;border:1px solid #7e929e;border-radius:6px;font:inherit}button{padding:12px 18px;background:#164b59;color:white;border:0;border-radius:6px;font:inherit;margin-top:20px;cursor:pointer}a{color:#164b59}p{line-height:1.55}details{margin-top:30px}summary{cursor:pointer}code{overflow-wrap:anywhere}.secret{display:block;padding:14px;background:#eef3f5;font-size:1.1rem}[role=alert]{padding:12px;border-left:4px solid #a34c20;background:#fff3eb}:focus-visible{outline:3px solid #b06605;outline-offset:3px}@media(max-width:500px){body{padding:12px}main{padding:20px;margin:12px auto}}