.chat-page{--chat-bg:#f1f5f9;--chat-surface:#fff;--chat-border:#e2e8f0;--chat-muted:#64748b;--chat-heading:#0f172a;--chat-accent:#0e7a4d;--chat-accent-soft:#ecfdf5;--chat-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px -4px rgba(15,23,42,.08);--chat-radius:14px;background:radial-gradient(ellipse 100% 70% at 80% -10%,rgba(14,122,77,.07),transparent 50%),linear-gradient(180deg,#f8fafc 0%,var(--chat-bg)45%,#ecfdf5 100%);flex:1;width:100%;min-height:0;display:flex}.chat-page .chat-layout{flex:1;gap:.75rem;width:100%;max-width:none;min-height:0;margin:0;padding:.75rem 1rem;display:flex}.chat-page .chat-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--chat-border);border-radius:var(--chat-radius);min-width:0;box-shadow:var(--chat-shadow);background:rgba(255,255,255,.85);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-page .chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;align-items:center;padding:1rem 1.25rem;display:flex;overflow-y:auto}.chat-page .chat-empty{text-align:center;max-width:28rem;margin:2rem auto;padding:1.5rem 1rem}.chat-page .chat-empty h2{color:var(--chat-heading);margin:0 0 .35rem;font-size:1.125rem;font-weight:700}.chat-page .chat-empty p{color:var(--chat-muted);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.chat-page .chat-suggestions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chat-page .chat-suggestion{background:var(--chat-accent-soft);color:#065f46;cursor:pointer;border:1px solid #a7f3d0;border-radius:999px;padding:.45rem .75rem;font-size:.75rem;transition:background .12s,transform .1s}.chat-page .chat-suggestion:hover{background:#d1fae5;transform:translateY(-1px)}.chat-page .chat-msg-row{width:100%;max-width:52rem;margin-bottom:.85rem;display:flex}.chat-page .chat-msg-row--user{justify-content:flex-end;align-self:flex-end}.chat-page .chat-msg-row--assistant{justify-content:flex-start}.chat-page .chat-bubble{border-radius:16px;max-width:min(42rem,92%);padding:.65rem .9rem;font-size:.875rem;line-height:1.5;box-shadow:0 1px 2px rgba(15,23,42,.05)}.chat-page .chat-bubble--user{color:#fff;background:linear-gradient(135deg,#0e7a4d 0%,#10b981 100%);border-bottom-right-radius:4px}.chat-page .chat-bubble--assistant{color:var(--chat-heading);border:1px solid var(--chat-border);background:#fff;border-bottom-left-radius:4px;width:100%;max-width:100%}.chat-page .chat-bubble--streaming{border-color:#a7f3d0;box-shadow:0 0 0 1px rgba(16,185,129,.15)}.chat-page .chat-composer{border-top:1px solid var(--chat-border);background:rgba(255,255,255,.95);align-items:flex-end;gap:.65rem;padding:.85rem 1rem;display:flex}.chat-page .chat-composer textarea{border:1px solid var(--chat-border);resize:vertical;background:#fff;border-radius:12px;flex:1;min-height:46px;max-height:8rem;padding:.65rem .85rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.chat-page .chat-composer textarea:focus{border-color:var(--chat-accent);outline:none;box-shadow:0 0 0 3px rgba(14,122,77,.12)}.chat-page .chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e7a4d 0%,#10b981 100%);border:none;border-radius:12px;padding:.6rem 1.15rem;font-size:.875rem;font-weight:600;transition:transform .12s,opacity .12s;box-shadow:0 2px 8px rgba(14,122,77,.35)}.chat-page .chat-send-btn:hover:not(:disabled){transform:translateY(-1px)}.chat-page .chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-page .chat-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0 1rem .5rem;padding:.55rem .75rem;font-size:.8125rem}.chat-page .chat-offline-banner{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:0 1rem .5rem;padding:.55rem .75rem;font-size:.8125rem}.chat-page .chat-typing{gap:.3rem;padding:.2rem 0;display:inline-flex}.chat-page .chat-typing span{background:#6ee7b7;border-radius:50%;width:.4rem;height:.4rem;animation:1.2s ease-in-out infinite chat-typing-bounce}.chat-page .chat-typing span:nth-child(2){animation-delay:.15s}.chat-page .chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-page .chat-activity{flex-direction:column;gap:.25rem;margin:0 0 .35rem;padding:0;list-style:none;display:flex}.chat-page .chat-activity-item{color:var(--chat-muted);align-items:center;gap:.45rem;font-size:.75rem;display:flex}.chat-page .chat-activity-item--done{color:#047857}.chat-page .chat-activity-item--error{color:#b45309}.chat-page .chat-activity-source{opacity:.75;border:1px solid;border-radius:999px;padding:0 .35rem;font-size:.65rem;line-height:1.4}.chat-page .chat-activity-icon{flex-shrink:0;justify-content:center;width:1rem;font-weight:700;display:inline-flex}.chat-page .chat-activity-spinner{border:2px solid #a7f3d0;border-top-color:var(--chat-accent);border-radius:50%;width:.7rem;height:.7rem;animation:.8s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}