:root{--chat-primary:#2563eb;--chat-primary-dark:#1d4ed8;--chat-secondary:#4f46e5;--chat-secondary-dark:#4338ca;--chat-success:#10b981;--chat-error:#ef4444;--chat-warning:#f59e0b;--chat-text-primary:#1e293b;--chat-text-secondary:#64748b;--chat-bg-primary:#fff;--chat-bg-secondary:#f8fafc;--chat-border:#e2e8f0;--chat-shadow:0 10px 25px -5px rgba(0,0,0,.1);--chat-shadow-lg:0 25px 50px -12px rgba(0,0,0,.25);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-container{animation:fadeInUp .3s ease-out;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.chat-message{animation:slideInRight .2s ease-out}.chat-message-user{animation:slideInRight .2s ease-out reverse}.typing-indicator{display:flex;align-items:center;gap:4px}.typing-dot{width:6px;height:6px;border-radius:50%;background-color:var(--chat-text-secondary);animation:pulse 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.suggestion-button{transition:all .2s ease-in-out;border:1px solid var(--chat-border);background:var(--chat-bg-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.suggestion-button:hover{border-color:var(--chat-primary);box-shadow:0 4px 12px rgba(37,99,235,.15);transform:translateY(-1px)}.suggestion-button:active{transform:translateY(0)}.chat-input-container{background:var(--chat-bg-primary);border-top:1px solid var(--chat-border);backdrop-filter:blur(10px);padding-bottom:calc(16px + var(--safe-area-bottom))}.chat-input{border:1px solid var(--chat-border);transition:all .2s ease-in-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chat-input:focus{border-color:var(--chat-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.chat-send-button{background:linear-gradient(135deg,var(--chat-primary),var(--chat-secondary));transition:all .2s ease-in-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,var(--chat-primary-dark),var(--chat-secondary-dark));transform:scale(1.05)}.chat-send-button:active{transform:scale(.95)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.chat-scrollbar{scrollbar-width:thin;scrollbar-color:var(--chat-border) transparent;-webkit-overflow-scrolling:touch}.chat-scrollbar::-webkit-scrollbar{width:6px}.chat-scrollbar::-webkit-scrollbar-track{background:transparent}.chat-scrollbar::-webkit-scrollbar-thumb{background-color:var(--chat-border);border-radius:3px}.chat-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--chat-text-secondary)}.chat-loading{display:flex;align-items:center;gap:8px;color:var(--chat-text-secondary)}.chat-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.chat-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.chat-badge-success{background:#dcfce7;color:#166534}.chat-badge-info{background:#dbeafe;color:#1e40af}@media (max-width:480px){.chat-container{border-radius:0;height:100vh;height:100dvh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.chat-header{padding:12px 16px;padding-top:calc(12px + var(--safe-area-top))}.chat-messages{padding:12px 16px}.chat-input-container{padding:12px 16px;padding-bottom:calc(12px + var(--safe-area-bottom))}.suggestion-grid{grid-template-columns:1fr;gap:12px}.chat-send-button{min-width:48px;min-height:48px}.suggestion-button{min-height:64px;padding:16px}.chat-container h1{font-size:1.5rem}.chat-container h2{font-size:1.25rem}.chat-container p{font-size:.875rem}}@media (min-width:481px) and (max-width:768px){.chat-container{border-radius:0;height:100vh;height:100dvh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.chat-header{padding:16px 20px;padding-top:calc(16px + var(--safe-area-top))}.chat-messages{padding:16px 20px}.chat-input-container{padding:16px 20px;padding-bottom:calc(16px + var(--safe-area-bottom))}.suggestion-grid{grid-template-columns:1fr;gap:16px}.chat-send-button{min-width:52px;min-height:52px}.suggestion-button{min-height:72px;padding:18px}}@media (min-width:769px) and (max-width:1024px){.chat-container{border-radius:12px;box-shadow:var(--chat-shadow);height:80vh;max-width:90vw;margin:0 auto}.chat-header,.chat-input-container,.chat-messages{padding:20px 24px}.suggestion-grid{grid-template-columns:repeat(2,1fr);gap:20px}.chat-send-button{min-width:56px;min-height:56px}.suggestion-button{min-height:80px;padding:20px}}@media (min-width:1025px){.chat-container{border-radius:16px;box-shadow:var(--chat-shadow-lg);height:600px;max-width:800px;margin:0 auto}.chat-header,.chat-input-container,.chat-messages{padding:24px 32px}.suggestion-grid{grid-template-columns:repeat(2,1fr);gap:24px}.chat-send-button{min-width:60px;min-height:60px}.suggestion-button{min-height:88px;padding:24px}}@media (min-width:1440px){.chat-container{max-width:900px;height:700px}.chat-header,.chat-input-container,.chat-messages{padding:28px 36px}}@media (hover:none) and (pointer:coarse){.chat-send-button:hover:not(:disabled),.suggestion-button:hover{transform:none}.suggestion-button:hover{box-shadow:none}.chat-container button,.chat-container input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (display-mode:standalone){.chat-container{padding-top:calc(var(--safe-area-top) + 20px)}.chat-header{padding-top:calc(16px + var(--safe-area-top) + 20px)}}@media (display-mode:minimal-ui){.chat-container{padding-top:var(--safe-area-top)}}@media (prefers-color-scheme:dark){:root{--chat-text-primary:#f1f5f9;--chat-text-secondary:#94a3b8;--chat-bg-primary:#1e293b;--chat-bg-secondary:#334155;--chat-border:#475569}}@media (prefers-reduced-motion:reduce){.chat-container,.chat-message,.chat-send-button,.suggestion-button{animation:none;transition:none}.typing-dot{animation:none}}.suggestion-enter{opacity:0;transform:translateY(10px)}.suggestion-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.chat-container *{will-change:auto}.chat-message{contain:layout style paint}.chat-container [role=button]:focus,.chat-container [role=textbox]:focus{outline:2px solid var(--chat-primary);outline-offset:2px}.chat-container button:focus-visible,.chat-container input:focus-visible{outline:2px solid var(--chat-primary);outline-offset:2px}@media (prefers-contrast:high){:root{--chat-border:#000;--chat-text-secondary:#000}.chat-container{border:2px solid var(--chat-border)}}@media (prefers-contrast:more){.chat-send-button{background:var(--chat-primary)}.suggestion-button{border-width:2px}}