:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172338;background:#f2f5fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:auto;padding:32px 20px calc(24px + env(safe-area-inset-bottom))}header{display:flex;gap:13px;align-items:center}.mark{display:grid;place-items:center;border-radius:15px;width:48px;height:48px;background:#315de7;color:white;font-size:27px;font-weight:700}.eyebrow{margin:0 0 4px;color:#6b7c96;font-size:10px;letter-spacing:.12em}h1{font-size:22px;margin:0;letter-spacing:-.04em}.tag{font-size:11px;background:#e4ebff;color:#315de7;padding:6px 9px;border-radius:20px;margin-left:auto;white-space:nowrap}.intro{font-size:14px;color:#64748b;margin:22px 0}.card{padding:25px;background:white;border:1px solid #e0e6ef;border-radius:20px;box-shadow:0 8px 32px #1b315208}h2{font-size:21px;margin:0 0 12px}p{line-height:1.65}label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}input,textarea{font:inherit;font-size:16px;width:100%;padding:14px;border:1px solid #c6d1e1;border-radius:12px;background:#fff;color:#172338}input:focus,textarea:focus{outline:2px solid #315de7;outline-offset:2px}#code{letter-spacing:.25em;font-size:24px;text-align:center}button{border:0;border-radius:11px;background:#315de7;color:white;padding:13px 18px;font:inherit;font-size:14px;font-weight:650;min-height:44px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#pairButton{width:100%;margin-top:16px}.hint,footer{font-size:12px;color:#6b7c96}.connection{display:flex;align-items:center;justify-content:space-between;color:#178269;font-size:13px}.subtle{background:transparent;color:#64748b;padding-right:0}.answer,.question{padding:15px 17px;margin:13px 0;border-radius:16px;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.answer{background:white;border:1px solid #e0e6ef;margin-right:20px}.question{background:#e5edff;margin-left:35px;color:#2444a0}#messages{max-height:45vh;overflow:auto;padding:6px 0}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.suggestions button{background:white;border:1px solid #dce3ef;color:#4a5f80;font-size:12px;padding:9px 11px}.actions{display:flex;gap:10px;margin-top:10px}.actions #send{flex:1}.secondary{background:#e2e8f2;color:#425571}#notice{color:#36557f;font-size:14px;min-height:22px;overflow-wrap:anywhere}footer{margin-top:28px;line-height:1.8} [hidden]{display:none!important}@media(max-width:390px){main{padding:24px 16px}.tag{display:none}h1{font-size:21px}}
.connection-warning{padding:14px;border:1px solid #e8b44d;border-radius:12px;background:#fff4d9;color:#754d0c;font-size:14px;font-weight:600}