:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#343347;background:#f7f6fc;font-size:16px;--accent:#7975ae;--border:#e7e4f0}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:var(--accent);color:white;border-radius:14px;padding:11px 17px}button:disabled{opacity:.5;cursor:default}button.quiet{background:transparent;color:#77718c;font-size:13px}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,360px)}.mark{color:#9288bc;letter-spacing:.3em;font-size:15px}h1{font-size:25px;font-weight:600;letter-spacing:.02em;margin:18px 0 10px}.login p{color:#8c869c;font-size:14px;line-height:1.8}.login label{font-size:13px;color:#77718c;display:block;margin-top:32px}.login input{width:100%;border:1px solid var(--border);border-radius:13px;padding:14px;background:white;outline-color:#a5a0c8;margin:10px 0 17px}.login button{width:100%}#chat{max-width:850px;margin:auto;height:100dvh;display:flex;flex-direction:column;background:#fcfbff}#chat[hidden],.login[hidden],[hidden]{display:none!important}header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);background:#fcfbff}.avatar{display:grid;place-items:center;background:#e9e5f6;color:#7c6b9e;border-radius:50%;width:42px;height:42px;font-family:serif}header h1{font-size:18px;margin:0 0 4px}header h1 span{font-size:11px;color:#a39bad;font-weight:400;margin-left:8px}#connection{font-size:11px;color:#918b9e}#logout{margin-left:auto}#messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px 12px;scroll-behavior:smooth}#older{display:block;margin:0 auto 15px}#transcript{display:flex;flex-direction:column;gap:19px}.message{max-width:85%;align-self:flex-start;min-width:80px}.message.user{align-self:flex-end}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;padding:12px 16px;border:1px solid #ece9f4;border-radius:3px 18px 18px 18px;background:white}.user .bubble{border:0;border-radius:18px 3px 18px 18px;background:#eae6f6}.meta{font-size:10px;color:#a8a0b5;margin:6px 3px}.user .meta{text-align:right}.bubble img{max-width:100%;max-height:380px;border-radius:10px;display:block;margin:8px 0;cursor:zoom-in}#notice{font-size:12px;min-height:24px;text-align:center;color:#8b7da3;padding:4px 15px}#composer{border-top:1px solid var(--border);padding:13px 16px calc(8px + env(safe-area-inset-bottom));background:#fcfbff}.compose-row{display:flex;align-items:flex-end;gap:10px}#text{flex:1;resize:none;min-width:0;max-height:160px;border:1px solid var(--border);border-radius:16px;background:white;outline-color:#aaa2c6;padding:11px 13px;line-height:1.5}.attach{cursor:pointer;font-size:27px;line-height:44px;color:#9788ad;width:27px;text-align:center}.hint{font-size:10px;color:#aca4b7;margin:7px 0 0 40px}#previews{display:flex;gap:9px;flex-wrap:wrap}#previews>button{padding:0;position:relative;background:none;margin-bottom:12px}#previews img{width:60px;height:60px;object-fit:cover;border-radius:9px}#previews span{position:absolute;right:-5px;top:-5px;border-radius:50%;background:#827395;padding:0 4px;font-size:12px}.pending .bubble{opacity:.65}#login-error{color:#b4687c}.setup-note{padding:14px;border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere;background:white}.setup-note code{font-size:19px;color:#655486}a{color:#77709f}@media(min-width:850px){#chat{border-inline:1px solid var(--border)}.message{max-width:75%}#messages{padding-inline:35px}}@media(max-width:380px){header{padding:13px 16px}#messages{padding-inline:12px}#composer{padding-inline:10px}.compose-row{gap:6px}button{padding:11px 13px}}