:root{font-family:system-ui,sans-serif;color:#193534;background:#eff5f4;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:5vh auto;padding:24px}header{display:flex;flex-direction:column;gap:6px;margin-bottom:28px;color:#48625f}.brand{font-size:30px;font-weight:750;letter-spacing:-1px;color:#087b72}.card{background:white;border:1px solid #d9e6e3;border-radius:18px;padding:32px;box-shadow:0 8px 30px #19353408}h1{font-size:28px;margin:0 0 12px}h2{font-size:19px}p,li{line-height:1.6}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #90aaa4;border-radius:7px;font:inherit;min-height:46px}button{background:#087b72;color:white;border:0;border-radius:7px;padding:12px 16px;font:inherit;cursor:pointer;min-height:44px}form>button{width:100%;margin-top:8px}nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}nav button{background:transparent;color:#08685f;padding:8px 0;margin-right:14px;text-align:left}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e8b34d;outline-offset:3px}#message:not(:empty){padding:12px;background:#eef6f4;border-left:3px solid #087b72}footer{font-size:13px;line-height:1.6;color:#546d67;margin-top:24px}details{margin:24px 0;padding:16px;background:#f1f6f5;border-radius:8px}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}ul{padding-left:20px}[hidden]{display:none!important}@media(max-width:480px){main{margin:0 auto;padding:20px}.card{padding:22px}}