:root{font:16px/1.55 system-ui,sans-serif;color:#183333;background:#edf3f2}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:auto;padding:24px 18px;padding-bottom:max(24px,env(safe-area-inset-bottom))}header{padding:12px 0}h1{font-size:2.2rem;margin:0}h2{font-size:1.2rem}header>p:first-child{font-size:.8rem;letter-spacing:.08em}section{background:white;border:1px solid #d3e1df;border-radius:16px;margin:16px 0;padding:20px}button,select{font:inherit;max-width:100%;padding:12px;border-radius:8px;border:1px solid #164c50}button{display:block;width:100%;margin:12px 0;background:#164c50;color:white;cursor:pointer}button:disabled{opacity:.6}button:focus-visible,select:focus-visible{outline:3px solid #bd7629;outline-offset:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere}li{margin:10px 0}footer{font-size:.9rem}p{overflow-wrap:anywhere}