*{box-sizing:border-box;margin:0}
html{background:#f4f4f6;color:#1c1c1e;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
main{width:100%;max-width:380px;background:#fff;border-radius:28px;padding:40px 32px 32px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.06);text-align:center}
.mark{display:inline-block;font-weight:600;letter-spacing:.02em;color:#8e8e93;background:#f4f4f6;border-radius:999px;padding:4px 14px;font-size:14px;margin-bottom:24px}
h1{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-bottom:32px}
button{display:block;width:100%;font:inherit;font-weight:500;border:0;border-radius:999px;padding:14px 20px;cursor:pointer;transition:background .15s,opacity .15s}
button+button{margin-top:10px}
.primary{background:#1c1c1e;color:#fff}
.primary:hover{background:#3a3a3c}
.secondary{background:#f4f4f6;color:#1c1c1e}
.secondary:hover{background:#e9e9ec}
button:disabled{opacity:.4;cursor:default}
.text{text-align:left}
.text p{color:#3a3a3c;font-size:15px}
.text p+p{margin-top:12px}
.danger{background:none;color:#c0392b;font-size:14px;margin-top:20px}
.danger:hover{background:#fbeeee}
button:focus-visible{outline:3px solid #c7c7cc;outline-offset:2px}
.connections{list-style:none;padding:0;margin:0 0 24px;text-align:left}
.connections li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f4f6;border-radius:16px;padding:10px 10px 10px 18px}
.connections li+li{margin-top:8px}
.connections .end{width:auto;padding:8px 16px;background:#fff;color:#1c1c1e;font-size:14px}
.connections .end:hover{background:#e9e9ec}
.quiet{color:#6e6e73;margin:-20px 0 28px}
.connections small{display:block;color:#8e8e93;font-size:13px}
input{display:block;width:100%;font:inherit;border:0;border-radius:16px;background:#f4f4f6;padding:14px 18px;margin-bottom:10px;color:#1c1c1e}
input:focus-visible{outline:3px solid #c7c7cc;outline-offset:2px}
main a{display:inline-block;margin-top:16px;color:#1c1c1e;font-size:15px}
#said{margin-top:16px;color:#6e6e73;font-size:14px}
#said:empty{display:none}