:root{color-scheme:light;--ink:#16352f;--green:#216653;--line:#dce8e2}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#edf3ef;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.card{width:100%;max-width:460px;background:white;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 18px 60px #16352f0d}.brand{font-size:29px;font-weight:750;letter-spacing:-1px;margin-bottom:32px}.brand span{font-size:10px;letter-spacing:1.5px;background:#edf3ef;border-radius:5px;padding:5px;margin-left:8px;vertical-align:middle}h1{font-size:27px;line-height:1.2;margin:0 0 12px}p{margin:0 0 20px;color:#53695f}label{display:grid;gap:7px;margin:16px 0;font-size:14px;font-weight:600}input,textarea,button{font:inherit;border-radius:10px}input,textarea{width:100%;min-width:0;border:1px solid var(--line);padding:12px;background:white;color:var(--ink)}textarea{font:12px/1.5 monospace}button,.link{display:block;width:100%;border:1px solid var(--green);background:var(--green);color:white;font-weight:650;padding:14px 18px;cursor:pointer;text-align:center;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #86baa7;outline-offset:3px}.secondary{background:white;border-color:var(--line);color:var(--ink)}.hint{font-size:12px;margin-top:16px}.error{color:#a83c32}#result{margin-top:18px}#connection{font-size:14px}dialog{border:1px solid var(--line);border-radius:18px;max-width:420px;width:calc(100% - 30px);padding:26px;color:var(--ink)}dialog::backdrop{background:#102d2766}.actions{display:flex;gap:12px}.actions button{flex:1}dialog h2{font-size:22px;margin-top:0}@media(max-width:480px){body{padding:14px}.card{padding:25px}.brand{margin-bottom:24px}}