*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f9f9f9;color:#333}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;background-color:#f9f9f9;position:relative}.chat-header{padding:20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;background:#f9f9f9f2;position:sticky;top:0;z-index:10}.chat-header h2{font-size:1.2rem;font-weight:600;margin:0;color:#222;letter-spacing:-.5px}.messages-area{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:3px}.message-row{display:flex;width:100%}.message-bubble{max-width:75%;padding:10px 18px 12px;font-size:.95rem;line-height:1.5;word-wrap:break-word;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column}.sender-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;opacity:.7;display:block}.message-row.support{justify-content:flex-start}.message-row.support .message-bubble{background-color:#eaeaea;color:#2d2d2d;border-radius:4px 18px 18px}.message-row.support .sender-name{color:#555}.message-row.user{justify-content:flex-end}.message-row.user .message-bubble{background-color:#2c2c2c;color:#f2f2f2;border-radius:18px 18px 4px}.message-row.user .sender-name{color:#ccc}.loading-indicator{font-size:.8rem;color:#888;padding-left:10px;font-style:italic;margin-bottom:10px}.input-container{padding:20px;border-top:1px solid #e5e5e5;background-color:#f9f9f9}.input-wrapper{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0e0e0;border-radius:50px;padding:6px 6px 6px 20px;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:#bbb;box-shadow:0 2px 8px #00000008}.chat-input{flex:1;border:none;outline:none;font-size:1rem;background:transparent;padding:8px 0;color:#333}.chat-input::placeholder{color:#aaa}.send-button{background-color:#2c2c2c;color:#f2f2f2;border:none;border-radius:50px;padding:0 20px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s,transform .1s;font-size:.9rem;font-weight:600}.send-button:hover{background-color:#1a1a1a}.send-button:active{transform:scale(.96)}.send-button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.char-count{font-size:.75rem;margin-left:auto;margin-top:6px;text-align:right;padding-right:10px;color:#999}