body{color:#fff;background-color:#001f29;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}.shell{box-sizing:border-box;width:100%;max-width:760px;padding:2rem}.eyebrow{color:gold;margin-bottom:1rem;font-size:1.2rem}.panel{color:#001f29;box-sizing:border-box;background-color:#fffaf0;border-radius:8px;padding:2rem;box-shadow:0 4px 8px #0000001a}.notice,.result{margin-top:1rem}input,label,button,code{font-size:1rem}input,button{box-sizing:border-box;border:1px solid #001f29;border-radius:4px;padding:.75rem 1rem}input:focus,button:focus{outline-offset:2px;outline:2px solid gold}button{color:#001f29;cursor:pointer;background-color:gold}button:hover{background-color:#d4af37}code{background-color:#f4f4f4;border-radius:4px;padding:2px 4px}body{line-height:1.55}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15}h2{font-size:1.35rem}label{margin-bottom:.5rem;font-weight:700;display:block}input{color:#001f29;background:#fff;width:100%;max-width:100%;margin-bottom:.75rem}button{margin:.25rem .5rem .25rem 0;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}code{overflow-wrap:anywhere}@media (width<=480px){.shell,.panel{padding:1.25rem}}