:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172e3a;background:#f2f5f5;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:280px}header{background:#102c3c}.header-inner{max-width:1120px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,serif;color:#fff;text-decoration:none;font-size:23px}.site-links{display:flex;align-items:center;gap:25px}.site-links a,.mobile-links a{color:#fff;text-decoration:none;font-size:15px;font-weight:600}.site-links a:hover,.mobile-links a:hover{text-decoration:underline;text-underline-offset:4px}.mobile-links{display:none;position:relative;color:#fff}.mobile-links summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 10px;border:1px solid #d2dfe4;border-radius:7px;list-style:none}.mobile-links summary::-webkit-details-marker{display:none}.mobile-links nav{position:absolute;right:0;top:calc(100% + 7px);z-index:2;min-width:210px;background:#102c3c;border:1px solid #d2dfe4;border-radius:8px;padding:8px;box-shadow:0 12px 24px #0004}.mobile-links a{display:block;padding:11px 9px}.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#102c3c;padding:10px;z-index:5}.skip:focus{top:6px}main{padding:32px 18px 65px}.panel{max-width:520px;margin:0 auto;padding:clamp(22px,5vw,40px);background:white;border:1px solid #d7e0e1;border-radius:16px;box-shadow:0 18px 50px #18343a12}.eyebrow{color:#946842;letter-spacing:.14em;font-size:13px;font-weight:700}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,6vw,43px);line-height:1.13;margin:12px 0}#intro,.footnote{line-height:1.55;color:#4b626e}#intro{font-size:16px}.modes{display:flex;gap:5px;background:#eaf0f0;padding:5px;border-radius:10px;margin:25px 0}.modes button{flex:1;border:0;border-radius:8px;padding:12px 6px;min-height:48px;color:#183b48;background:transparent;font-size:15px;font-weight:700}.modes button[aria-current="page"]{background:#fff;box-shadow:0 2px 8px #1234}label{display:block;font-size:15px;font-weight:700;margin:19px 0 7px}input{font:inherit;width:100%;min-height:50px;padding:12px;border:1px solid #8caaae;border-radius:7px;color:#172e3a;background:#fff}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ac783c;outline-offset:2px}.secret{position:relative}.secret input{padding-right:78px}.reveal{position:absolute;right:4px;top:4px;min-width:68px;min-height:42px;border:0;background:transparent;color:#174a60;font-size:14px;font-weight:700}.rules{font-size:14px;color:#4b626e;line-height:1.5}.rules p{margin:10px 0 3px}.rules ul{list-style:none;padding:0;margin:4px 0}.rules li{margin:2px 0}.rules li.valid{color:#136543}.rules li.invalid{color:#9d3c34}.primary{display:block;width:100%;min-height:52px;border:0;border-radius:7px;background:#123f51;color:#fff;font-size:16px;font-weight:700;margin:23px 0 10px}.primary:disabled{opacity:.6;cursor:wait}button{cursor:pointer;font-family:inherit}#actions{display:flex;flex-wrap:wrap;gap:12px 25px}#actions button{border:0;padding:8px 0;background:none;color:#174a60;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:700}#feedback{min-height:25px;line-height:1.5;color:#145e45;font-weight:600}#feedback.error{color:#a2322c}.footnote{border-top:1px solid #d7e0e1;padding-top:15px;font-size:14px;margin-bottom:0}[hidden]{display:none!important}@media(max-width:640px){.site-links{display:none}.mobile-links{display:block}}@media(max-width:480px){main{padding:14px 12px 45px}.panel{border-radius:12px}.header-inner{padding:15px 18px}.brand{font-size:20px}}@media(prefers-reduced-motion:no-preference){.primary,.modes button{transition:background .2s ease,box-shadow .2s ease}}
.preview-banner{background:#fff4e5;border:1px solid #d4ae75;color:#67472b;padding:9px 12px;border-radius:7px;font-size:14px;line-height:1.45}.remember{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:20px 0 0}.remember input{width:20px;height:20px;min-height:20px;margin:0;accent-color:#12485a}.remember+.footnote{border:0;padding:0;margin:6px 0 15px 30px}.state-panel{padding:13px 0 6px}.state-panel h2{font:400 32px Georgia,serif;margin:8px 0 12px}.state-panel p{color:#4b626e;line-height:1.6}.state-icon{width:52px;height:52px;border-radius:50%;background:#e8f1ee;color:#146344;display:grid;place-items:center;font-size:25px}.state-actions{display:grid;gap:10px;margin:20px 0}.state-actions .primary,.state-actions .secondary{margin:0}.secondary{min-height:49px;border:1px solid #88a8ac;border-radius:7px;background:#fff;color:#173b48;font-size:15px;font-weight:700;padding:10px 18px}.text-action{border:0;background:transparent;color:#1d5267;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:9px 0;text-align:left;font-size:15px;font-weight:700}.button-link{display:grid;place-items:center;text-decoration:none;margin:20px 0 9px}.state-panel .text-action{display:block}.panel:has(.state-panel:not([hidden])) #feedback:empty{display:none}@media(max-width:480px){.state-panel h2{font-size:29px}}