*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:#f8f9fa;overflow:hidden}.app-container,body{height:100dvh;display:flex;flex-direction:column}.app-container{position:relative}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:10}.header h1{font-size:18px;color:#333}.icon-btn{background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center}.chat-area{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:15px;padding:20px 20px 80px}.message{max-width:80%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.4}.msg-bot{background-color:#ffe4e6;color:#9f1239;align-self:flex-start;border-bottom-left-radius:4px}.msg-user{background-color:#dbeafe;color:#1e3a8a;align-self:flex-end;border-bottom-right-radius:4px}.input-area{padding:15px;background-color:#ffffff;border-top:1px solid #eee;position:absolute;bottom:0;left:0;right:0;z-index:20}.input-area,.input-wrapper{display:flex;align-items:center;gap:10px}.input-wrapper{flex:1 1;background-color:#f1f3f5;border-radius:25px;padding:5px 15px}.input-wrapper input{flex:1 1;background:transparent;border:none;outline:none;font-size:15px;color:#333}.voice-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .2s ease;background-color:#3b82f6}.voice-btn.recording{background-color:#ef4444;transform:scale(1.1);box-shadow:0 0 15px rgba(239,68,68,.5)}