html,body{margin:0;padding:0;height:100dvh;width:100vw;overflow:hidden;font-family:Arial,sans-serif;background-color:#f0f2f5}.app{display:flex;justify-content:flex-start;align-items:center;height:100dvh;width:100%}.chat-container{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:720px;background:#fff;box-shadow:0 4px 15px #0000001a}@media(min-width:768px){.chat-container{height:90dvh;border-radius:12px;border:1px solid #ddd}}.logo-bar{padding:10px;text-align:left;justify-content:flex-start;border-bottom:1px solid #ddd;flex-shrink:0}.logo{height:40px}.chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:15px;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.bubble{padding:10px 14px;margin:6px 0;border-radius:12px;max-width:85%;line-height:1.4;font-size:16px}.user{background:#e6f0ff;align-self:flex-end;border-bottom-right-radius:2px}.assistant{background:#f1f1f1;align-self:flex-start;border-bottom-left-radius:2px}.processing-feedback{align-self:flex-start;font-size:14px;color:#444;font-style:italic;padding:4px 6px;margin:2px 0 6px;animation:feedback-fade-in .2s ease,feedback-pulse 3s ease-in-out infinite}@keyframes feedback-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-pulse{0%,to{opacity:1}50%{opacity:.35}}.input-row{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #ddd;padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-shrink:0}input{flex:1;padding:12px;border:1px solid #ccc;border-radius:20px;font-size:16px;outline:none}button{padding:8px 16px;background:#007aff;color:#fff;border:none;border-radius:20px;font-weight:700;cursor:pointer}button:hover{background:#005ecb}