:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1176b0;background:#e9edef;font-size:16px;--accent:#1176b0;--line:#e7eaec;--muted:#727d84}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #619bbc;outline-offset:3px}button{color:inherit}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button.icon{border:0;background:transparent;width:42px;height:42px;display:grid;place-items:center;border-radius:12px}button.icon:hover{background:#e9eef1}.app{max-width:1600px;margin:auto;height:100dvh;display:grid;grid-template-columns:82px 355px minmax(0,1fr);background:white}.rail{background:#1176b0;display:flex;flex-direction:column;align-items:center;padding:27px 0;color:#bcc9d1;gap:28px}.logo{font-size:29px;letter-spacing:-2px;font-weight:800;color:#b8ddf3}.rail .icon{background:#284251;color:#c9e4f4;width:47px;height:47px}.rail-bottom{margin-top:auto}.self{background:#e4cfb3;color:#4d493b}.avatar{width:47px;height:47px;display:grid;place-items:center;flex:none;border-radius:50%;font-size:15px;font-weight:650;letter-spacing:.4px}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidehead{padding:29px 24px 18px;display:flex;align-items:center;justify-content:space-between}h1{font-size:27px;letter-spacing:-1px;margin:0}.plus{background:#e8eff3!important;color:var(--accent)}.searchbox{margin:0 22px 19px;display:flex;align-items:center;gap:9px;background:#f3f5f6;border-radius:11px;padding:12px 14px;color:var(--muted)}.searchbox svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.searchbox input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:14px;color:#1176b0}.filters{display:flex;gap:8px;padding:0 22px 22px}.filter{border:0;background:#f2f4f5;color:#68747b;border-radius:20px;padding:8px 13px;font-size:14px}.filter.active{background:#dfeaf1;color:#1176b0;font-weight:600}.list{overflow:auto;flex:1;padding:0 10px}.chat{border:0;width:100%;background:transparent;border-radius:12px;display:flex;text-align:left;gap:13px;padding:17px 12px;align-items:center;margin-bottom:3px}.chat:hover{background:#f4f6f7}.chat.selected{background:#e9eff3}.chat-copy{min-width:0;flex:1}.chat-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.chat-name{font-weight:600;font-size:15px}.chat-time{font-size:12px;color:#808a90;flex:none}.snippet{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#7a8489;font-size:14px}.snippet span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{border-radius:50%;min-width:19px;height:19px;text-align:center;line-height:19px;background:#285d7b;color:white;font-size:12px}.sidefoot{padding:20px 23px;color:#8b9397;font-size:12px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f3f6f7}.topbar{background:white;min-height:92px;padding:19px 30px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.contact{flex:1;min-width:0}.contact strong{display:block;font-size:16px}.contact small{display:block;color:var(--muted);font-size:13px;margin-top:5px}.pill{font-size:12px;color:#6a777f;border:1px solid #dfe5e9;border-radius:6px;padding:5px 8px;letter-spacing:.5px}.messages{flex:1;overflow:auto;padding:28px clamp(22px,5vw,85px);display:flex;flex-direction:column;gap:15px;background-image:radial-gradient(#acb7be2b .7px,transparent .7px);background-size:16px 16px}.date{text-align:center;font-size:12px;color:#828b90;margin:0 auto 10px;background:#e8ecee;border-radius:7px;padding:7px 14px}.intro{text-align:center;color:#828b90;font-size:12px;margin:0 auto 23px;max-width:390px;line-height:1.6}.bubble{background:white;padding:13px 15px 8px;max-width:min(77%,540px);align-self:flex-start;border-radius:3px 14px 14px;box-shadow:0 1px 2px #1176b00a;color:#283842;font-size:15px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.mine{background:#d7e5ed;align-self:flex-end;border-radius:14px 3px 14px 14px}.meta{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;color:#848e93;margin-top:3px}.checks{color:#366e8e;letter-spacing:-5px;padding-right:4px}.composer-wrap{padding:17px 28px 14px;background:#f3f6f7}.composer{background:white;border:1px solid #e5e9ec;border-radius:16px;display:flex;align-items:flex-end;gap:8px;padding:9px 11px;box-shadow:0 4px 18px #1176b004}.composer textarea{resize:none;background:transparent;border:0;outline:none;flex:1;min-width:0;height:42px;max-height:110px;padding:11px 5px;color:#293942;line-height:20px}.send{background:#1176b0!important;color:white!important;border-radius:12px!important;flex:none}.hint{text-align:center;color:#939ba0;font-size:11px;margin:10px 0 0}.back{display:none!important}.emoji{display:none;padding:8px 12px;margin-bottom:8px;background:white;border:1px solid var(--line);border-radius:12px;width:fit-content}.emoji.open{display:flex;gap:6px}.emoji button{background:none;border:0;padding:7px;font-size:22px}.empty{padding:30px 15px;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}dialog{border:1px solid #d9e1e5;border-radius:20px;box-shadow:0 20px 80px #1176b033;padding:27px;width:420px;max-width:90vw}dialog::backdrop{background:#1176b055;backdrop-filter:blur(3px)}dialog h2{margin:0 0 20px;font-size:23px}dialog label{display:block;font-size:14px;margin-bottom:9px}dialog input{width:100%;padding:13px;border:1px solid #d8dfe3;border-radius:9px}dialog p{color:var(--muted);font-size:14px;line-height:1.6}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.actions button{border:0;padding:11px 17px;border-radius:8px;background:#eff2f4}.actions .primary{background:#1176b0;color:white}.notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#1176b0;color:white;padding:12px 20px;border-radius:12px;font-size:14px;z-index:10}.info{display:none;background:white;padding:22px 30px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7;color:var(--muted)}.info.open{display:block}@media(min-width:1500px){.app{height:94dvh;margin-top:3dvh;border-radius:17px;overflow:hidden;box-shadow:0 20px 80px #1176b014}}@media(max-width:1000px){.app{grid-template-columns:68px 300px minmax(0,1fr)}.sidehead{padding-left:20px}.topbar{padding:16px 20px}.bubble{max-width:88%}.pill{display:none}}@media(max-width:700px){.app{display:block;height:100dvh}.rail{display:none}.sidebar{height:100%;border:0}.main{display:none;height:100%}.app.mobile-chat .sidebar{display:none}.app.mobile-chat .main{display:flex}.back{display:grid!important;width:32px!important}.topbar{min-height:80px;padding:13px 12px;gap:9px}.topbar .avatar{width:42px;height:42px}.messages{padding:23px 17px}.composer-wrap{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.hint{display:none}.bubble{max-width:88%}.sidehead{padding-top:27px}.chat{padding:17px 14px}.searchbox{padding:14px}.notice{width:85%;text-align:center}.info{padding:17px}.contact strong{font-size:15px}}

[hidden]{display:none!important}.auth{min-height:100dvh;display:grid;place-items:center;padding:25px}.auth-card{width:420px;max-width:100%;background:white;padding:38px;border-radius:22px;box-shadow:0 20px 80px #1176b014}.auth-card h1{margin:18px 0 10px}.auth-card p{line-height:1.6;color:#727d84}.auth-card label{display:block;margin:18px 0 8px}.auth-card input{width:100%;padding:13px;border:1px solid #bdc8ce;border-radius:9px}.primary{background:#1176b0;color:white;border:0;border-radius:9px;padding:13px 20px;font-weight:600}.auth-card .primary{width:100%;margin-top:24px}.error{color:#a63030!important;font-size:14px;min-height:22px}.logout{margin-left:auto;border:1px solid #c5d0d6;background:white;border-radius:8px;padding:8px 12px;font-size:14px}.load-older{align-self:center;background:white;border:1px solid #c5d0d6;border-radius:8px;padding:8px 15px}.bubble mark{background:#fbe985}.statusbar{font-size:14px;padding:7px 20px;color:#576973;text-align:center}.hint{font-size:12px}.bubble{font-size:16px}.searchbox input{font-size:16px}.composer textarea{font-size:16px}.logo{color:#1176b0}.rail .logo{color:#b8ddf3}.send:disabled{opacity:.4;cursor:default}.auth-card small{font-size:13px;color:#727d84} .sidefoot{font-size:14px}

.file-selection{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:8px;background:#e7f1f7;border-radius:10px;font-size:14px}.file-selection span{flex:1;overflow-wrap:anywhere;min-width:0}.file-selection button{border:0;background:transparent;font-size:24px}.attachment-link{display:block;color:#24668c;font-weight:600;text-decoration:underline;white-space:normal;overflow-wrap:anywhere;padding:6px 0}.attach{flex:none}.attach:disabled{opacity:.4}