:root{font-family:"Segoe UI",Tahoma,sans-serif;color:#f5f7fb;background:#07111f}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#18345b 0,#07111f 55%)}.shell{width:min(760px,94vw);height:min(820px,92vh);display:grid;grid-template-rows:auto 1fr auto auto;background:#0d1b2d;border:1px solid #284262;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px #0008}header{display:flex;align-items:center;gap:14px;padding:20px 22px;background:#10233b;border-bottom:1px solid #294561}.mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#23c7ff,#5b67ff);font-weight:800;font-size:24px}h1{font-size:20px;margin:0}header p{margin:4px 0 0;color:#9eb2ca;font-size:13px}.online{margin-right:auto;color:#65e29a;font-size:13px}.chat{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:12px}.chat article{max-width:78%;padding:13px 16px;border-radius:16px;line-height:1.6;white-space:pre-wrap}.chat article a{color:#72c7ff;text-decoration:underline;font-weight:700;overflow-wrap:anywhere}.chat article a:hover{color:#a9e2ff}.bot{align-self:flex-start;background:#162b45;border-bottom-right-radius:4px}.user{align-self:flex-end;background:#265cff;border-bottom-left-radius:4px}.meta{font-size:11px;color:#9eb2ca;margin-top:-7px}.handoff{color:#ffd16b}form{padding:16px;display:flex;gap:10px;border-top:1px solid #294561;background:#10233b}input{flex:1;border:1px solid #365271;border-radius:13px;background:#0a1727;color:white;padding:14px;font-size:15px;outline:none}input:focus{border-color:#4d8dff}button{border:0;border-radius:13px;background:#3976ff;color:white;padding:0 24px;font-weight:700;cursor:pointer}footer{text-align:center;padding:10px;color:#7f95ae;font-size:11px;background:#0b1727}@media(max-width:520px){.shell{width:100vw;height:100vh;border-radius:0}.chat article{max-width:88%}header{padding:16px}.online{display:none}}