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}.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}