:root {color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172b36;background:#edf2f3}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#dcebea,transparent 65%),#f2f5f5}.card{width:100%;max-width:440px;background:white;padding:36px;border:1px solid #dce4e7;border-radius:22px;box-shadow:0 14px 45px #19393a0c}.mark{width:44px;height:44px;border-radius:14px;background:#e5f0ee;color:#215e56;display:grid;place-items:center;font-size:26px;margin-bottom:26px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}h2{font-size:20px}p{font-size:15px;line-height:1.6;color:#53656e;margin:0 0 22px}label{display:block;font-size:14px;font-weight:600;margin:20px 0}input{display:block;width:100%;border:1px solid #b8c7cc;border-radius:10px;padding:13px;font:inherit;margin-top:8px;min-height:48px}input:focus{outline:3px solid #96c7be;outline-offset:2px}button{width:100%;border:0;border-radius:10px;background:#215e56;color:white;min-height:48px;padding:12px;font:600 15px system-ui;cursor:pointer;margin:6px 0 18px}button:disabled{opacity:.6;cursor:wait}a{color:#215e56;font-size:14px;text-underline-offset:4px}nav{display:flex;justify-content:space-between;gap:16px;margin-top:16px}#message{margin:6px 0;overflow-wrap:anywhere}#secret{display:block;overflow-wrap:anywhere;font-size:15px}#qr{width:220px;max-width:100%;display:block;margin:12px auto}pre{white-space:pre-wrap;font-size:15px;background:#edf4f2;padding:16px;border-radius:10px;line-height:1.8}[hidden]{display:none!important}@media(max-width:480px){body{padding:16px}.card{padding:26px 22px;border-radius:16px}nav{flex-wrap:wrap}}