*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#111827;background:#eef2f7;margin:0;font-family:Arial,sans-serif}.status-online{font-weight:700;color:#86efac!important}.status-offline{font-weight:700;color:#fca5a5!important}.setup-divider{background:#e5e7eb;height:1px;margin:22px 0}.setup-card h3{margin:0 0 12px;font-size:18px}.secondary-setup-button{background:#111827!important}button,input{font:inherit}.page{min-height:100vh;padding:24px}.setup-card{background:#fff;border-radius:18px;max-width:420px;margin:80px auto;padding:24px;box-shadow:0 20px 50px #0000001f}.setup-card h1{margin:0 0 8px;font-size:32px}.setup-card p{color:#6b7280;margin:0 0 24px}.setup-card label{margin-top:14px;margin-bottom:6px;font-weight:700;display:block}.setup-card input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px}.setup-card input:focus{border-color:#2563eb}.setup-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:18px;padding:12px;font-weight:700}.setup-card button:disabled{opacity:.6;cursor:not-allowed}.chat-layout{background:#fff;border-radius:20px;grid-template-columns:280px minmax(0,1fr);height:calc(100vh - 48px);display:grid;overflow:hidden;box-shadow:0 20px 50px #0000001f}.sidebar{color:#fff;background:#111827;padding:20px;overflow-y:auto}.sidebar h2{margin:0 0 18px;font-size:22px;line-height:1.3}.sidebar-label{color:#d1d5db;margin:0 0 6px;font-size:13px;font-weight:700}.sidebar code{word-break:break-all;color:#e5e7eb;background:#1f2937;border-radius:8px;padding:10px;font-size:12px;display:block}.sidebar-section{border-top:1px solid #ffffff26;margin-top:24px;padding-top:18px}.sidebar-section strong{margin-bottom:8px;display:block}.sidebar-section p{color:#e5e7eb;margin:0}.secondary-button,.danger-button{cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px 14px;font-weight:700}.secondary-button{color:#fff;background:#374151}.danger-button{color:#fff;background:#ef4444}.chat-panel{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px}.chat-header h1{margin:0 0 6px;font-size:26px}.chat-header p{color:#6b7280;margin:0}.chat-body{scroll-behavior:smooth;background:#f8fafc;flex:1;min-height:0;padding:24px;overflow:hidden auto}.empty-state{text-align:center;color:#6b7280;max-width:360px;margin:80px auto}.message-row{margin-bottom:16px;display:flex}.message-row.mine{justify-content:flex-end}.message-row.other,.message-row.ai{justify-content:flex-start}.message-card{border-radius:16px;max-width:70%;padding:12px 14px;line-height:1.5;box-shadow:0 2px 10px #0f172a0f}.message-row.mine .message-card{color:#fff;background:#2563eb;border-bottom-right-radius:4px}.message-row.other .message-card{color:#111827;background:#e5e7eb;border-bottom-left-radius:4px}.message-row.ai .message-card{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-bottom-left-radius:4px}.message-meta{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.message-name{font-weight:700}.message-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.ai-badge{color:#fff;background:#10b981}.my-badge{color:#fff;background:#ffffff40}.other-badge{color:#374151;background:#d1d5db}.message-content{white-space:pre-wrap;word-break:break-word}.typing{opacity:.8;font-style:italic}.image-button{color:#111827;cursor:pointer;background:#e5e7eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.image-button:hover{background:#d1d5db}.chat-image{object-fit:cover;border-radius:12px;max-width:280px;max-height:320px;display:block}.chat-input{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;gap:10px;padding:16px;display:flex}.chat-input input{border:1px solid #d1d5db;border-radius:999px;outline:none;flex:1;padding:12px 14px}.chat-input input:focus{border-color:#2563eb}.chat-input button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:0 22px;font-weight:700}.chat-input button:disabled{opacity:.6;cursor:not-allowed}@media (width<=800px){html,body,#root{height:100%}body{overflow:hidden}.page{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.chat-layout{height:100dvh;box-shadow:none;border-radius:0;grid-template-columns:1fr;display:grid}.sidebar{display:none}.chat-panel{height:100dvh;min-height:0}.chat-header{flex-shrink:0;padding:14px 16px}.chat-header h1{font-size:20px}.chat-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:14px;overflow-y:auto}.chat-input{padding:10px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-shrink:0}.message-card{max-width:88%}.chat-image{max-width:220px;max-height:260px}}