:root{font:18px/1.55 system-ui,sans-serif;color:#183041;background:#f2f7fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}input{min-width:0;width:100%}main{overflow-wrap:anywhere;width:min(100% - 2rem,38rem);margin:3rem auto;padding:1.5rem;border-radius:1rem;background:#fff;box-shadow:0 8px 36px #1232}h1{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.2}nav{display:flex;gap:1rem;flex-wrap:wrap}a{color:#12567c}form,label{display:grid;gap:.5rem}form{gap:1rem}input,button{font:inherit;min-height:44px;border:1px solid #8da4b2;border-radius:.5rem;padding:.65rem .9rem}button,.button{background:#155f85;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;color:#12567c}.meta{font-size:1rem;color:#4a6473}.features{padding:0;list-style:none}.features li{padding:.7rem 0;border-bottom:1px solid #dbe4ea}#status:empty{display:none}#status{padding:.75rem;border-radius:.5rem;background:#e9f3f9}#status.error{background:#fce7e7;color:#7d1616}[hidden]{display:none!important}:focus-visible{outline:3px solid #ec9d20;outline-offset:3px}@media(max-width:500px){main{margin:1rem auto;padding:1rem}}