main.chat-page{display:block;align-items:stretch;justify-content:stretch;overflow:hidden;padding:5.5rem 1.5rem 1.5rem;height:100dvh;min-height:100dvh}.ch-shell{position:relative;z-index:1;width:100%;max-width:64rem;margin:0 auto;height:calc(100dvh - 7rem);display:flex;flex-direction:column;background:hsl(var(--text) / .025);border:1px solid hsl(var(--text) / .08);border-radius:1.75rem;overflow:hidden;backdrop-filter:blur(8px)}.ch-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:hsl(var(--ord-hue,231) 70% 40% / .06);border-bottom:1px solid hsl(var(--text) / .08);flex-shrink:0;position:relative;z-index:5}.ch-head-left{display:flex;align-items:center;gap:.875rem;min-width:0;flex:1}.ch-back{width:36px;height:36px;border-radius:.6rem;background:hsl(var(--text) / .05);border:1px solid hsl(var(--text) / .08);color:hsl(var(--text2));display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;transition:background .15s,color .15s}.ch-back:hover{background:hsl(var(--text) / .08);color:hsl(var(--text))}.ch-back svg{width:16px;height:16px}.ch-head-cover{width:44px;height:44px;border-radius:.55rem;overflow:hidden;background:hsl(var(--text) / .04);flex-shrink:0}.ch-head-cover svg{width:100%;height:100%;display:block}.ch-head-info{min-width:0}.ch-head-id{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--text3));font-weight:700}.ch-head-name{font-family:Rubik,sans-serif;font-weight:700;font-size:.98rem;color:hsl(var(--text));margin-top:1px;letter-spacing:-.005em}.ch-head-status{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.ch-head-status-sep{color:hsl(var(--text3) / .5);font-size:.75rem}.ch-head-status-eta{font-size:.74rem;color:hsl(var(--text3))}.ch-head-actions{display:flex;gap:4px;align-items:center;position:relative}.ch-head-action{display:inline-flex;align-items:center;gap:5px;padding:.5rem .75rem;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .08);border-radius:.6rem;color:hsl(var(--text2));font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.ch-head-action:hover{background:hsl(var(--text) / .07);color:hsl(var(--text));border-color:hsl(var(--text) / .15)}.ch-head-action svg{stroke-width:2.25;flex-shrink:0}.ch-head-more{padding:.5rem;width:34px;justify-content:center}.ch-head-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;padding:.4rem;background:hsl(255 15% 12% / .97);border:1px solid hsl(var(--text) / .12);border-radius:.85rem;backdrop-filter:blur(12px);z-index:20;display:flex;flex-direction:column;gap:2px;box-shadow:0 16px 40px hsl(0 0% 0% / .5)}.ch-head-menu[hidden]{display:none}.ch-head-menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:.55rem .7rem;border-radius:.5rem;background:0 0;border:none;color:hsl(var(--text2));font-family:inherit;font-size:.86rem;cursor:pointer;transition:background .15s,color .15s}.ch-head-menu-item:hover{background:hsl(var(--text) / .06);color:hsl(var(--text))}.ch-head-menu-item svg{stroke-width:2.25;flex-shrink:0;color:hsl(var(--text3))}.ch-head-menu-item.is-danger{color:hsl(0 75% 70%)}.ch-head-menu-item.is-danger:hover{background:hsl(0 75% 50% / .1)}.ch-head-menu-item.is-danger svg{color:hsl(0 75% 70%)}.ch-head-menu-sep{height:1px;background:hsl(var(--text) / .08);margin:4px 0}.ch-feed{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin;scrollbar-color:hsl(var(--text) / 0.15) transparent}.ch-feed::-webkit-scrollbar{width:6px}.ch-feed::-webkit-scrollbar-thumb{background:hsl(var(--text) / .15);border-radius:3px}.ch-day-sep{align-self:center;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text3));padding:.35rem .85rem;background:hsl(var(--text) / .05);border-radius:99px;margin:.5rem 0}.ch-msg-system{display:inline-flex;align-items:center;gap:8px;align-self:center;padding:.55rem 1rem;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .06);border-radius:99px;font-size:.82rem;color:hsl(var(--text2));margin:.25rem 0;max-width:90%}.ch-msg-system svg{color:hsl(var(--color1));flex-shrink:0;stroke-width:2.25}.ch-msg-system-text{line-height:1.4}.ch-msg-system-text strong{color:hsl(var(--text));font-weight:700}.ch-msg-system .ch-msg-time{font-size:.7rem;color:hsl(var(--text3));margin-top:1px}.ch-msg{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.5rem;max-width:100%;animation:.2s chFade}@keyframes chFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ch-msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;background:hsl(var(--color1) / .2);color:hsl(var(--color1));flex-shrink:0;align-self:flex-end}.ch-msg-bot .ch-msg-avatar{background:linear-gradient(135deg,hsl(var(--color1) / .25),hsl(var(--color2) / .25));color:hsl(var(--text))}.ch-msg-body{min-width:0;max-width:min(90%,38rem);display:flex;flex-direction:column;gap:4px}.ch-msg-head{display:flex;align-items:center;gap:6px}.ch-msg-author{font-size:.76rem;font-weight:700;color:hsl(var(--text))}.ch-msg-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:99px;background:hsl(var(--text) / .07);color:hsl(var(--text3));font-weight:700}.ch-msg-bot .ch-msg-badge{background:hsl(var(--color1) / .18);color:hsl(var(--color1))}.ch-msg-op .ch-msg-badge{background:hsl(var(--color2) / .18);color:hsl(var(--color2))}.ch-msg-content{background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .06);border-radius:1rem 1rem 1rem .3rem;padding:.7rem .9rem;font-size:.92rem;line-height:1.5;color:hsl(var(--text1));word-wrap:break-word}.ch-msg-content strong{color:hsl(var(--text));font-weight:700}.ch-msg-content ul{margin:.4rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:3px}.ch-msg-content ul li{font-size:.88rem}.ch-msg-self{grid-template-columns:minmax(0,1fr);justify-content:end}.ch-msg-self .ch-msg-body{align-items:flex-end;margin-left:auto}.ch-msg-self .ch-msg-content{background:linear-gradient(135deg,hsl(var(--color1) / .18),hsl(var(--color2) / .18));border-color:hsl(var(--color1) / .25);border-radius:1rem 1rem .3rem;color:hsl(var(--text))}.ch-msg-time{font-size:.7rem;color:hsl(var(--text3));display:inline-flex;align-items:center;gap:3px}.ch-msg-time svg{color:hsl(var(--color1))}.ch-msg-attachments{display:flex;flex-direction:column;gap:4px;margin-top:2px}.ch-attach{display:inline-flex;align-items:center;gap:6px;padding:.4rem .7rem;background:hsl(var(--text) / .05);border:1px solid hsl(var(--text) / .1);border-radius:.55rem;font-size:.82rem;color:hsl(var(--text1));width:fit-content;max-width:100%}.ch-attach svg{color:hsl(var(--color1));flex-shrink:0}.ch-attach-size{font-size:.72rem;color:hsl(var(--text3));margin-left:auto;padding-left:6px}.ch-msg-reactions{display:flex;gap:4px;margin-top:4px}.ch-react{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .08);border-radius:99px;font-family:inherit;font-size:.78rem;color:hsl(var(--text2));cursor:pointer;transition:background .15s,border-color .15s}.ch-react:hover{background:hsl(var(--text) / .07);border-color:hsl(var(--text) / .15)}.ch-react.is-mine{background:hsl(var(--color1) / .12);border-color:hsl(var(--color1) / .3);color:hsl(var(--color1))}.ch-react-count{font-weight:700;font-size:.74rem}.ch-typing .ch-msg-body{background:0 0}.ch-typing-dots{display:inline-flex;gap:3px;padding:.7rem .9rem;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .06);border-radius:1rem 1rem 1rem .3rem;width:fit-content}.ch-typing-dots span{width:7px;height:7px;border-radius:50%;background:hsl(var(--text3));animation:1.2s ease-in-out infinite chDot}.ch-typing-dots span:nth-child(2){animation-delay:.15s}.ch-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes chDot{0%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.ch-composer{padding:.75rem 1rem .85rem;background:hsl(var(--text) / .03);border-top:1px solid hsl(var(--text) / .08);flex-shrink:0;display:flex;flex-direction:column;gap:.4rem}.ch-reply{display:flex;align-items:stretch;gap:.6rem;padding:.5rem .75rem;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .08);border-radius:.6rem}.ch-reply-bar{width:3px;background:hsl(var(--color1));border-radius:99px;flex-shrink:0}.ch-reply-body{flex:1;min-width:0}.ch-reply-author{font-size:.72rem;font-weight:700;color:hsl(var(--color1))}.ch-reply-text{font-size:.82rem;color:hsl(var(--text2));margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-reply-close{width:28px;height:28px;border-radius:.45rem;background:hsl(var(--text) / .06);border:none;color:hsl(var(--text3));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.ch-reply-close:hover{background:hsl(var(--text) / .1);color:hsl(var(--text))}.ch-composer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:end;gap:6px;padding:.45rem .55rem;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .1);border-radius:1rem;transition:border-color .15s,background .15s}.ch-composer-row:focus-within{border-color:hsl(var(--color1) / .5);background:hsl(var(--text) / .06)}.ch-composer-btn{width:34px;height:34px;border-radius:50%;background:0 0;border:none;color:hsl(var(--text3));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.ch-composer-btn:hover{background:hsl(var(--text) / .06);color:hsl(var(--text))}.ch-composer-input{background:0 0;border:none;outline:0;resize:none;font-family:inherit;font-size:.95rem;color:hsl(var(--text));padding:.45rem .25rem;min-height:24px;max-height:160px;line-height:1.4;width:100%;scrollbar-width:thin;scrollbar-color:hsl(var(--text) / 0.15) transparent}.ch-composer-input::placeholder{color:hsl(var(--text3))}.ch-composer-input::-webkit-scrollbar{width:4px}.ch-composer-input::-webkit-scrollbar-thumb{background:hsl(var(--text) / .15);border-radius:2px}.ch-send{width:34px;height:34px;border-radius:50%;background:hsl(var(--text) / .06);border:none;color:hsl(var(--text3));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.ch-send:hover{color:hsl(var(--text))}.ch-send.is-ready{background:linear-gradient(135deg,hsl(var(--color1)),hsl(var(--color2)));color:#fff;box-shadow:0 4px 14px hsl(var(--color1) / .4)}.ch-send.is-ready:hover{transform:scale(1.05)}.ch-send:active{transform:scale(.95)}.ch-composer-hints{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .5rem}.ch-composer-hint{font-size:.7rem;color:hsl(var(--text3))}.ch-composer-hint kbd{display:inline-block;padding:1px 6px;font-family:'Courier New',monospace;font-size:.7rem;background:hsl(var(--text) / .06);border:1px solid hsl(var(--text) / .1);border-radius:.3rem;color:hsl(var(--text2))}.ch-composer-counter{font-size:.7rem;color:hsl(var(--text3))}@media (max-width:768px){main.chat-page{padding:5.5rem .75rem .75rem}.ch-shell{height:calc(100dvh - 6.5rem);border-radius:1.25rem}.ch-head{padding:.75rem .875rem;gap:.5rem}.ch-head-cover{width:36px;height:36px}.ch-head-name{font-size:.9rem}.ch-head-action span{display:none}.ch-head-action{padding:.5rem;width:34px;justify-content:center}.ch-msg-body{max-width:85%}.ch-composer-hint{display:none}}@media (max-width:480px){.ch-head-status-eta{display:none}.ch-msg{grid-template-columns:28px 1fr}.ch-msg-avatar{width:28px;height:28px;font-size:.72rem}}