*{box-sizing:border-box}html,body{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.App{font-family:sans-serif;background-color:#0000!important;width:350px!important;height:500px!important;margin:0!important;padding:0!important;overflow:hidden!important}.chat-popup{background:#fff;border-radius:10px;flex-direction:column;display:flex;box-shadow:0 5px 20px #00000026;width:350px!important;height:500px!important;margin:0!important;overflow:hidden!important}.chat-header{background:var(--theme-primary,#007bff);color:var(--header-text,white);flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:10px 15px;display:flex}.chat-header button{color:var(--header-text,white);cursor:pointer;background:0 0;border:none;font-size:18px}.chat-window{background:#f9f9f9;flex:1;padding:10px;overflow-y:auto}.message{border-radius:10px;max-width:85%;margin-bottom:8px;padding:8px;font-size:14px;line-height:1.4}.message.user{background-color:var(--user-bubble,#007bff);color:var(--user-text,white);white-space:pre-wrap;align-self:flex-end;margin-left:auto}.message.ai{background-color:var(--bot-bubble,#e9ecef);color:var(--bot-text,#333);white-space:normal}.message.ai p{margin:0 0 4px}.message.ai p:last-child{margin-bottom:0}.message.ai ul,.message.ai ol{margin:0 0 8px;padding-left:20px}.message.ai ul:last-child,.message.ai ol:last-child{margin-bottom:0}.message.ai li{margin-bottom:4px}.message.ai pre{background:#0000000d;border-radius:5px;margin:8px 0;padding:8px;font-family:monospace;overflow-x:auto}.message.ai code{background:#0000000d;border-radius:3px;padding:2px 4px;font-family:monospace;font-size:.9em}.input-area{background:#fff;border-top:1px solid #ddd;flex-shrink:0;gap:5px;height:60px;padding:8px;display:flex}input{border:1px solid #ddd;border-radius:5px;flex:1;padding:8px}button{background-color:var(--theme-primary,#007bff);color:var(--header-text,white);cursor:pointer;border:none;border-radius:5px;padding:8px 12px}.typing-indicator{align-items:center;gap:4px;height:20px;margin:10px 0;display:flex}.dot{background-color:#888;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}