:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#edf3f2;color:#15272a}*{box-sizing:border-box}body{margin:0}.shell{max-width:980px;height:100dvh;min-height:570px;margin:auto;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 50px #16343a18}header{height:80px;flex:none;border-bottom:1px solid #dde8e5;display:flex;align-items:center;padding:0 27px;gap:14px}.mark{height:42px;width:42px;border-radius:13px;display:grid;place-items:center;background:#086b66;color:#fff;font-weight:800;letter-spacing:.02em}h1{font-size:18px;margin:0;font-weight:750}header p{font-size:12px;color:#637c7d;margin:3px 0 0}.live{margin-left:auto;border:1px solid #bddbd0;border-radius:99px;padding:5px 10px;color:#24745d;font-size:11px;font-weight:700;white-space:nowrap}.login{flex:1;display:grid;place-items:center;padding:22px}.login-inner{width:min(100%,390px);padding:34px;border:1px solid #dde8e5;border-radius:18px;box-shadow:0 12px 35px #173c3b10}h2{margin:0 0 8px;font-size:22px}.login p{color:#667a7b;font-size:14px}.login form{display:grid;gap:10px;margin-top:22px}input[type=password],textarea{font:inherit;border:1px solid #c9d9d5;border-radius:10px;padding:12px 14px;outline:none;background:white;color:#15272a}input:focus,textarea:focus{border-color:#168576;box-shadow:0 0 0 3px #16857618}button{font:inherit;background:#086b66;color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}button:hover{background:#075550}button:disabled{opacity:.6;cursor:wait}.error{color:#ba3b34!important;min-height:18px}.hidden{display:none!important}.chat{flex:1;min-height:0;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;padding:25px 30px;display:flex;flex-direction:column;gap:15px;background:linear-gradient(#f9fcfb,#f5faf8)}.bubble{max-width:min(82%,700px);padding:13px 17px;border-radius:16px;line-height:1.55;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.assistant{align-self:flex-start;background:#fff;border:1px solid #e0ebe6;border-top-left-radius:4px;box-shadow:0 2px 8px #183e3b0a}.bubble.user{align-self:flex-end;background:#d9f2e9;border-top-right-radius:4px}.sender{color:#27776e;font-weight:750;font-size:12px;margin-bottom:6px}.bubble.user .sender{color:#27524c}.assets{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.assets a{display:inline-flex;padding:6px 9px;border:1px solid #b7dad1;border-radius:8px;background:#f0faf6;color:#075d56;text-decoration:none;font-size:12px;font-weight:650}.composer{padding:13px 22px 15px;background:#fff;border-top:1px solid #dde8e5}.composer form{display:flex;gap:10px;align-items:end}.attach{height:43px;width:43px;flex:none;display:grid;place-items:center;background:#ebf5f1;color:#076c62;border-radius:10px;font-size:27px;cursor:pointer}.attach:hover{background:#d9ede7}textarea{flex:1;min-height:43px;max-height:120px;resize:vertical}.composer button{height:43px}.note{font-size:11px;line-height:1.4;color:#78908d;margin:10px 0 0}.picked{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:#456d67}.picked span{padding:4px 7px;background:#edf6f2;border-radius:6px;margin-bottom:6px}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:620px){.shell{min-height:0}header{padding:0 15px;height:72px}.mark{width:36px;height:36px}h1{font-size:15px}header p{font-size:10px}.live{font-size:9px;padding:4px 7px}.messages{padding:17px 12px}.bubble{max-width:92%}.composer{padding:10px}.note{font-size:10px}}