:root{color-scheme:light;--dark:#17483c;--teal:#176c56;--light:#e2f5eb;--ink:#173d35;--muted:#526b63;--line:#d6e9e1;--danger:#b02d35;--success:#12664d}
*{box-sizing:border-box}html{min-height:100%;background:#e9f8f1}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 12%,#d6f2e7,transparent 42%),linear-gradient(135deg,#e9faf3,#fafcfd 66%);padding:20px;display:grid;place-items:center}
.shell{width:min(100%,490px);background:#fff;border:1px solid #d5ebe2;border-radius:25px;box-shadow:0 18px 55px #204b3e16;padding:34px 34px 26px}
.logo{display:grid;place-items:center;margin-inline:auto;width:65px;height:65px;border-radius:20px;background:#d6eee3;color:#087251;font-size:33px;font-weight:800}
.brand{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#176a53;font-size:12px;font-weight:800;margin:18px 0 0}
h1{text-align:center;font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:14px 0 9px}.intro{line-height:1.6;color:var(--muted);text-align:center;font-size:14px;margin:0 0 22px}
.notice{background:#eff8f3;border:1px solid #dbede2;border-radius:12px;padding:13px 15px;color:#416457;font-size:13px;line-height:1.5;margin:0 0 20px}
fieldset{border:0;padding:0;margin:0}label{display:block;font-size:13px;font-weight:650;margin:14px 0 6px}input{width:100%;height:48px;border-radius:10px;border:1px solid #bfcfc7;padding:10px 13px;font-size:15px;background:#fff;color:#142e27}input:focus{outline:3px solid #8bd6b4;outline-offset:1px;border-color:#177d5b}
button{border:0;border-radius:10px;padding:12px 18px;background:var(--teal);color:#fff;font-weight:750;font-size:14px;cursor:pointer}button:hover{background:#0f563f}button:focus-visible{outline:3px solid #8bd6b4;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}
button.secondary{background:#e3f1eb;color:#164c3a}button.secondary:hover{background:#d1e8dd}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.actions button{flex:1}.status{margin-top:15px;min-height:22px;line-height:1.5;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.status.error{color:var(--danger)}.status.success{color:var(--success)}
.hide{display:none!important}.tiny{font-size:12px;color:#60776f;line-height:1.6}details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--teal)}a{color:var(--teal);font-weight:650}.result{padding:19px;border:1px solid #cce8db;background:#f0f9f4;border-radius:12px;text-align:center}.result strong{color:#12664d;font-size:20px}.result p{line-height:1.6;font-size:13px}.user-id{display:block;overflow-wrap:anywhere;font-size:12px;color:#53685f}.divider{border-top:1px solid #e2ede7;margin:22px 0 13px}.foot{text-align:center;color:#526d63;font-size:11px;line-height:1.6}
@media(max-width:480px){body{padding:12px}.shell{padding:25px 20px 20px;border-radius:20px}h1{font-size:25px}}