:root{font-family:system-ui,sans-serif;color:#172b43;background:#edf2f7}*{box-sizing:border-box}main{max-width:720px;margin:24px auto;padding:24px;background:white;border-radius:16px}h1{color:#183d76}section,details{border:1px solid #ccd5e1;border-radius:10px;padding:18px;margin:18px 0}.notice{background:#fff3d5;padding:12px}label{display:block;margin:14px 0}input,select,button{font:inherit;padding:12px;border:1px solid #9cacc0;border-radius:6px}input,select{display:block;width:100%;margin-top:6px}button{background:#17598e;color:white;cursor:pointer;margin:6px 4px 6px 0;min-height:44px}button:disabled{opacity:.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f8;padding:16px}summary{cursor:pointer;min-height:44px}@media(max-width:600px){main{margin:0;border-radius:0;padding:16px}}

.pin-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:14px}.pin-heading label{margin:0}.pin-help{display:contents}.pin-help summary{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:6px;color:#17598e;font-size:24px;list-style:none}.pin-help summary::-webkit-details-marker{display:none}.pin-help summary:focus-visible{outline:3px solid #17598e;outline-offset:2px}.pin-help[open]{display:block;width:100%}.pin-help #pin-rules{font-size:14px;background:#eef3f8;padding:14px;border:1px solid #ccd5e1;border-radius:6px}.pin-help ul{margin:8px 0;padding-left:20px}.pin-help li{margin:6px 0}

.pin-entry{display:flex;align-items:center;gap:6px;width:100%;margin-top:6px}.pin-entry input{flex:1;min-width:0;margin:0}.pin-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;min-height:46px;margin:0;padding:8px;background:#eef3f8;color:#17598e}.eye-slash{display:none}.pin-toggle[aria-pressed="true"] .eye-slash{display:block}