*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f5f7;color:#1f2430}.chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:960px;margin:0 auto;background:#fff;box-shadow:0 0 24px #00000014}.chat-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#16152c;flex-shrink:0}.chat-brand{display:flex;align-items:center;gap:12px}.chat-brand-mark{width:38px;height:38px;border-radius:50%;background:#e31e24;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.chat-brand-text{display:flex;flex-direction:column;line-height:1.35}.chat-brand-name{font-weight:700;font-size:15px;color:#fff}.chat-brand-status{display:flex;align-items:center;gap:5px;font-size:12px;color:#9b9bb0}.chat-brand-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block}.chat-header-badge{margin-left:auto;background:#ffffff14;color:#cfcfe0;font-size:12px;font-weight:500;padding:6px 14px;border-radius:999px;white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.chat-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-new-btn{border:none;background:#ffffff1a;color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.chat-new-btn:hover{background:#ffffff2e}.chat-update-btn{border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfcfe0;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.chat-update-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.chat-update-btn:disabled{opacity:.5;cursor:not-allowed}.chat-body{flex:1;overflow-y:auto}.message-list{display:flex;flex-direction:column;gap:16px;padding:24px;min-height:100%}.message-list-empty{margin:auto;text-align:center;color:#6b7280;font-size:14px;max-width:360px}.msg-row{display:flex}.msg-row-visitor{justify-content:flex-end}.msg-row-other{justify-content:flex-start}.msg-bubble{max-width:70%;padding:10px 16px;border-radius:18px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.msg-bubble-visitor{background:#e31e24;color:#fff}.msg-card{max-width:85%;background:#f1f2f6;border-radius:14px;padding:14px 18px}.msg-card-system{background:#fff4e5}.msg-card-label{display:block;color:#e31e24;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.msg-card-content{font-size:14px;line-height:1.6;color:#1f2430}.msg-card-content p{margin:0 0 8px}.msg-card-content p:last-child{margin-bottom:0}.msg-card-content ul,.msg-card-content ol{margin:0 0 8px;padding-left:20px}.typing-indicator{display:flex;gap:4px;padding:14px 18px;background:#f1f2f6;border-radius:14px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:typing-bounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}.gate-block{display:flex;flex-direction:column;gap:14px;max-width:85%;width:100%}.contact-gate{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px}.contact-gate-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-gate-field{display:flex;flex-direction:column;gap:6px}.contact-gate-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}.contact-gate-input{border:1px solid #d6d8de;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit}.contact-gate-input:focus{outline:none;border-color:#e31e24}.contact-gate-error{margin:0;color:#dc2626;font-size:12px}.contact-gate-actions{display:flex;justify-content:flex-end}.contact-gate-submit{background:#e31e24;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer}.contact-gate-submit:hover{background:#c81a1f}.message-input-area{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid #ececf1;flex-shrink:0}.message-textarea{flex:1;resize:none;border:1px solid #d6d8de;border-radius:999px;padding:12px 18px;font-size:14px;font-family:inherit;max-height:120px}.message-textarea:focus{outline:none;border-color:#e31e24}.message-textarea:disabled{background:#f9fafb;color:#9ca3af}.message-send-btn{width:42px;height:42px;flex-shrink:0;background:#e31e24;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.message-send-btn svg{width:18px;height:18px;fill:currentColor}.message-send-btn:disabled{background:#f1a3a5;cursor:not-allowed}.chat-footer{text-align:center;font-size:12px;color:#9ca3af;padding:8px 0 14px;flex-shrink:0}.chat-footer strong{color:#e31e24}@media (max-width: 768px){.chat-header{padding:12px 16px}.message-list{padding:16px}.message-input-area{padding:12px 16px}.msg-bubble,.msg-card,.gate-block{max-width:88%}}@media (max-width: 480px){.chat-header{gap:8px}.chat-brand-mark{width:32px;height:32px;font-size:14px}.chat-brand-name{font-size:14px}.chat-brand-status{font-size:11px}.chat-header-badge{display:none}.chat-new-btn,.chat-update-btn{padding:7px 12px;font-size:12px}.msg-bubble,.msg-card,.gate-block{max-width:92%}.contact-gate-row{grid-template-columns:1fr}.message-textarea{padding:10px 14px;font-size:16px}.contact-gate-input{font-size:16px}.message-send-btn{width:38px;height:38px}}@media (max-width: 400px){.chat-update-btn{display:none}}